Hex Color #EAE291 - Custom Color

Color Codes

HEX

#EAE291

RGB

rgb(234, 226, 145)

HSL

hsl(55, 68%, 74%)

CMYK

cmyk(0%, 3%, 38%, 8%)

HSV

hsv(55, 38%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EAB590 #EAE290 #C4EA90

Triadic

#EAE290 #90EAE2 #E290EA

Split Complementary

#EAE290 #90C4EA #B590EA

Tetradic (Square)

#EAE290 #90EAB5 #9097EA #EA90C4

Complementary

#EAE291 #9097EA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.33:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.79: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: #EAE291;

color: #EAE291;

border-color: #EAE291;

}

Tailwind CSS (with arbitrary values)

bg-[#EAE291]

text-[#EAE291]

border-[#EAE291]

// Example usage: