Hex Color #EACA17 - Custom Color

Color Codes

HEX

#EACA17

RGB

rgb(234, 202, 23)

HSL

hsl(51, 83%, 50%)

CMYK

cmyk(0%, 14%, 90%, 8%)

HSV

hsv(51, 90%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E96016 #E9CA16 #9FE916

Triadic

#E9CA16 #16E9CA #CA16E9

Split Complementary

#E9CA16 #169FE9 #6016E9

Tetradic (Square)

#E9CA16 #16E960 #1635E9 #E9169F

Complementary

#EACA17 #1635E9

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.62:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.96: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: #EACA17;

color: #EACA17;

border-color: #EACA17;

}

Tailwind CSS (with arbitrary values)

bg-[#EACA17]

text-[#EACA17]

border-[#EACA17]

// Example usage: