Hex Color #EFFDDA - Custom Color

Color Codes

HEX

#EFFDDA

RGB

rgb(239, 253, 218)

HSL

hsl(84, 90%, 92%)

CMYK

cmyk(6%, 0%, 14%, 1%)

HSV

hsv(84, 14%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FDF9D8 #EEFDD8 #DCFDD8

Triadic

#EEFDD8 #D8EEFD #FDD8EE

Split Complementary

#EEFDD8 #D8DCFD #F9D8FD

Tetradic (Square)

#EEFDD8 #D8FDF9 #E7D8FD #FDD8DC

Complementary

#EFFDDA #E7D8FD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.06:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 19.73: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: #EFFDDA;

color: #EFFDDA;

border-color: #EFFDDA;

}

Tailwind CSS (with arbitrary values)

bg-[#EFFDDA]

text-[#EFFDDA]

border-[#EFFDDA]

// Example usage: