#C5DEBF Color

#C5DEBF is rgb(197, 222, 191) in RGB and hsl(108, 32%, 81%) in HSL. The closest CSS named color is LightGray. Black text is most readable on this background.

#C5DEBF

HEX#C5DEBF

RGBrgb(197, 222, 191)

HSLhsl(108, 32%, 81%)

HSVhsv(108, 14%, 87%)

OKLCHoklch(87.4% 0.05 139.6)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C5DEBF Complementary#D8BFDE Analogous#D5DEBF Analogous#BFDEC8 Triadic#BFC5DE Triadic#DEBFC5

Tints & Shades

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

Tints

#CBE2C6 #D4E7D0 #DBEAD7 #E4EFE1 #EAF3E7 #F3F8F2

Shades

#A4CB9A #82B875 #63A253 #4C7D40 #36582D #1F321A

Use #C5DEBF in Our Tools

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