#CCF0CE Color

#CCF0CE is rgb(204, 240, 206) in RGB and hsl(123, 55%, 87%) in HSL. The closest CSS named color is Gainsboro. Black text is most readable on this background.

#CCF0CE

HEX#CCF0CE

RGBrgb(204, 240, 206)

HSLhsl(123, 55%, 87%)

HSVhsv(123, 15%, 94%)

OKLCHoklch(92% 0.059 146.6)

CMYKcmyk(15%, 0%, 14%, 6%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CCF0CE background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.24:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text16.92:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #CCF0CE based on color wheel relationships. Click any swatch for its full breakdown.

Base#CCF0CE Complementary#F0CCEE Analogous#DCF0CC Analogous#CCF0E0 Triadic#CDCCF0 Triadic#F0CDCC

Tints & Shades

Lighter tints and darker shades of #CCF0CE, useful for hover states, backgrounds, and text variants.

Tints

#D4F2D5 #D7F4D9 #DFF6E1 #E3F7E4 #EBF9EC #EFFAF0

Shades

#9CE2A0 #6DD572 #3DC744 #2E9E34 #206F24 #123F15

Use #CCF0CE in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex