Hex Color #EACE67 - Custom Color

Color Codes

HEX

#EACE67

RGB

rgb(234, 206, 103)

HSL

hsl(47, 76%, 66%)

CMYK

cmyk(0%, 12%, 56%, 8%)

HSV

hsv(47, 56%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EA8C66 #EACE66 #C5EA66

Triadic

#EACE66 #66EACE #CE66EA

Split Complementary

#EACE66 #66C5EA #8C66EA

Tetradic (Square)

#EACE66 #66EA8C #6683EA #EA66C5

Complementary

#EACE67 #6683EA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.55:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.52: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: #EACE67;

color: #EACE67;

border-color: #EACE67;

}

Tailwind CSS (with arbitrary values)

bg-[#EACE67]

text-[#EACE67]

border-[#EACE67]

// Example usage: