#C5C6EC Color

#C5C6EC is rgb(197, 198, 236) in RGB and hsl(238, 51%, 85%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#C5C6EC

HEX#C5C6EC

RGBrgb(197, 198, 236)

HSLhsl(238, 51%, 85%)

HSVhsv(238, 17%, 93%)

OKLCHoklch(83.8% 0.053 284)

CMYKcmyk(17%, 16%, 0%, 7%)

Text Contrast & Accessibility

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

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

TextBlack text12.66:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#C5C6EC Complementary#ECEBC5 Analogous#C5DAEC Analogous#D7C5EC Triadic#ECC5C7 Triadic#C7ECC5

Tints & Shades

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

Tints

#CDCEEF #D5D6F1 #DCDDF4 #E0E1F5 #E8E8F8 #F0F0FA

Shades

#9799DD #6D70D0 #3E43C1 #313496 #222468 #14153E

Use #C5C6EC in Our Tools

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