Hex Color #EAAE52 - Custom Color

Color Codes

HEX

#EAAE52

RGB

rgb(234, 174, 82)

HSL

hsl(36, 78%, 62%)

CMYK

cmyk(0%, 26%, 65%, 8%)

HSV

hsv(36, 65%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EA6253 #EAAD53 #DBEA53

Triadic

#EAAD53 #53EAAD #AD53EA

Split Complementary

#EAAD53 #53DBEA #6253EA

Tetradic (Square)

#EAAD53 #53EA62 #538FEA #EA53DB

Complementary

#EAAE52 #538FEA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.97:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.67:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #EAAE52;

color: #EAAE52;

border-color: #EAAE52;

}

Tailwind CSS (with arbitrary values)

bg-[#EAAE52]

text-[#EAAE52]

border-[#EAAE52]

// Example usage: