Hex Color #CEEFAB - Custom Color

Color Codes

HEX

#CEEFAB

RGB

rgb(206, 239, 171)

HSL

hsl(89, 68%, 80%)

CMYK

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

HSV

hsv(89, 28%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EFEEA9 #CDEFA9 #AAEFA9

Triadic

#CDEFA9 #A9CDEF #EFA9CD

Split Complementary

#CDEFA9 #A9AAEF #EEA9EF

Tetradic (Square)

#CDEFA9 #A9EFEE #CBA9EF #EFA9AA

Complementary

#CEEFAB #CBA9EF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.27:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.56: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: #CEEFAB;

color: #CEEFAB;

border-color: #CEEFAB;

}

Tailwind CSS (with arbitrary values)

bg-[#CEEFAB]

text-[#CEEFAB]

border-[#CEEFAB]

// Example usage: