#CEDADE Color

#CEDADE is rgb(206, 218, 222) in RGB and hsl(195, 20%, 84%) in HSL. The closest CSS named color is LightGray. Black text is most readable on this background.

#CEDADE

HEX#CEDADE

RGBrgb(206, 218, 222)

HSLhsl(195, 20%, 84%)

HSVhsv(195, 7%, 87%)

OKLCHoklch(88% 0.014 219.6)

CMYKcmyk(7%, 2%, 0%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text14.71:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CEDADE Complementary#DED2CE Analogous#CEDEDA Analogous#CED2DE Triadic#DECEDA Triadic#DADECE

Tints & Shades

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

Tints

#D4DFE2 #DAE3E7 #E0E8EB #E7EDEF #EDF1F3 #F3F6F7

Shades

#ACC1C8 #88A5AF #668C99 #4E6B74 #374C53 #1F2A2E

Use #CEDADE in Our Tools

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