Hex Color #EAF9CD - Custom Color

Color Codes

HEX

#EAF9CD

RGB

rgb(234, 249, 205)

HSL

hsl(80, 79%, 89%)

CMYK

cmyk(6%, 0%, 18%, 2%)

HSV

hsv(80, 18%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F9F2CD #EAF9CD #D4F9CD

Triadic

#EAF9CD #CDEAF9 #F9CDEA

Split Complementary

#EAF9CD #CDD4F9 #F2CDF9

Tetradic (Square)

#EAF9CD #CDF9F2 #DCCDF9 #F9CDD4

Complementary

#EAF9CD #DCCDF9

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.11:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 18.93: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: #EAF9CD;

color: #EAF9CD;

border-color: #EAF9CD;

}

Tailwind CSS (with arbitrary values)

bg-[#EAF9CD]

text-[#EAF9CD]

border-[#EAF9CD]

// Example usage: