#C3D6DA Color

#C3D6DA is rgb(195, 214, 218) in RGB and hsl(190, 24%, 81%) in HSL. The closest CSS named color is LightGray. Black text is most readable on this background.

#C3D6DA

HEX#C3D6DA

RGBrgb(195, 214, 218)

HSLhsl(190, 24%, 81%)

HSVhsv(190, 11%, 85%)

OKLCHoklch(86.3% 0.021 211.8)

CMYKcmyk(11%, 2%, 0%, 15%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #C3D6DA 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.95:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#C3D6DA Complementary#DAC7C3 Analogous#C3DAD2 Analogous#C3CBDA Triadic#DAC3D6 Triadic#D6DAC3

Tints & Shades

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

Tints

#C9DBDE #D3E1E4 #D9E5E8 #E3ECEE #E9F0F1 #F2F6F7

Shades

#A0BFC5 #7DA7B0 #5D8E98 #486D75 #324D52 #1D2C2F

Use #C3D6DA in Our Tools

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