#CED3D4 Color

#CED3D4 is rgb(206, 211, 212) in RGB and hsl(190, 7%, 82%) in HSL. The closest CSS named color is LightGray. Black text is most readable on this background.

#CED3D4

HEX#CED3D4

RGBrgb(206, 211, 212)

HSLhsl(190, 7%, 82%)

HSVhsv(190, 3%, 83%)

OKLCHoklch(86.3% 0.006 211)

CMYKcmyk(3%, 0%, 0%, 17%)

Text Contrast & Accessibility

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

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

TextBlack text13.89:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CED3D4 Complementary#D4CFCE Analogous#CED4D2 Analogous#CED0D4 Triadic#D4CED3 Triadic#D3D4CE

Tints & Shades

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

Tints

#D3D8D9 #DCDFE0 #E1E4E5 #E6E9EA #ECEEEE #F4F5F6

Shades

#B0B9BA #929EA0 #748386 #586365 #3E4547 #242829

Use #CED3D4 in Our Tools

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