Hex Color #EAD464 - Custom Color

Color Codes

HEX

#EAD464

RGB

rgb(234, 212, 100)

HSL

hsl(50, 76%, 65%)

CMYK

cmyk(0%, 9%, 57%, 8%)

HSV

hsv(50, 57%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EA8F62 #EAD362 #BCEA62

Triadic

#EAD362 #62EAD3 #D362EA

Split Complementary

#EAD362 #62BCEA #8F62EA

Tetradic (Square)

#EAD362 #62EA8F #6279EA #EA62BC

Complementary

#EAD464 #6279EA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.49:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.10: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: #EAD464;

color: #EAD464;

border-color: #EAD464;

}

Tailwind CSS (with arbitrary values)

bg-[#EAD464]

text-[#EAD464]

border-[#EAD464]

// Example usage: