#CEDFDC Color

#CEDFDC is rgb(206, 223, 220) in RGB and hsl(169, 21%, 84%) in HSL. The closest CSS named color is Gainsboro. Black text is most readable on this background.

#CEDFDC

HEX#CEDFDC

RGBrgb(206, 223, 220)

HSLhsl(169, 21%, 84%)

HSVhsv(169, 8%, 87%)

OKLCHoklch(89% 0.019 184.2)

CMYKcmyk(8%, 0%, 1%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text15.21:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CEDFDC Complementary#DFCED1 Analogous#CEDFD3 Analogous#CED9DF Triadic#DCCEDF Triadic#DFDCCE

Tints & Shades

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

Tints

#D4E3E0 #DAE7E4 #E0EBE9 #E6EFED #ECF3F2 #F3F7F6

Shades

#ACC9C3 #87B0A9 #659A90 #4D756E #36534E #1E2E2B

Use #CEDFDC in Our Tools

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