#C5D7E2 Color

#C5D7E2 is rgb(197, 215, 226) in RGB and hsl(203, 33%, 83%) in HSL. The closest CSS named color is LightGray. Black text is most readable on this background.

#C5D7E2

HEX#C5D7E2

RGBrgb(197, 215, 226)

HSLhsl(203, 33%, 83%)

HSVhsv(203, 13%, 89%)

OKLCHoklch(86.9% 0.025 234.5)

CMYKcmyk(13%, 5%, 0%, 11%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C5D7E2 Complementary#E2D0C5 Analogous#C5E2DF Analogous#C5C9E2 Triadic#E2C5D7 Triadic#D7E2C5

Tints & Shades

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

Tints

#CCDCE5 #D3E0E9 #DAE5EC #E4ECF1 #EBF1F5 #F1F6F8

Shades

#A0BDCF #77A1BB #5487A6 #416881 #2E4A5C #1A2933

Use #C5D7E2 in Our Tools

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