Hex Color #EFCB00 - Custom Color

Color Codes

HEX

#EFCB00

RGB

rgb(239, 203, 0)

HSL

hsl(51, 100%, 47%)

CMYK

cmyk(0%, 15%, 100%, 6%)

HSV

hsv(51, 100%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F05400 #F0CC00 #9CF000

Triadic

#F0CC00 #00F0CC #CC00F0

Split Complementary

#F0CC00 #009CF0 #5400F0

Tetradic (Square)

#F0CC00 #00F054 #0024F0 #F0009C

Complementary

#EFCB00 #0024F0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.59:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.21:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #EFCB00;

color: #EFCB00;

border-color: #EFCB00;

}

Tailwind CSS (with arbitrary values)

bg-[#EFCB00]

text-[#EFCB00]

border-[#EFCB00]

// Example usage: