Hex Color #CFE7DA - Custom Color

Color Codes

HEX

#CFE7DA

RGB

rgb(207, 231, 218)

HSL

hsl(147, 33%, 86%)

CMYK

cmyk(10%, 0%, 6%, 9%)

HSV

hsv(147, 10%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D1E7D0 #D0E7DA #D0E7E6

Triadic

#D0E7DA #DAD0E7 #E7DAD0

Split Complementary

#D0E7DA #E6D0E7 #E7D0D1

Tetradic (Square)

#D0E7DA #D0D1E7 #E7D0DC #E7E6D0

Complementary

#CFE7DA #E7D0DC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.30:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.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: #CFE7DA;

color: #CFE7DA;

border-color: #CFE7DA;

}

Tailwind CSS (with arbitrary values)

bg-[#CFE7DA]

text-[#CFE7DA]

border-[#CFE7DA]

// Example usage: