#C2CCFA Color

#C2CCFA is rgb(194, 204, 250) in RGB and hsl(229, 85%, 87%) in HSL. The closest CSS named color is LightBlue. Black text is most readable on this background.

#C2CCFA

HEX#C2CCFA

RGBrgb(194, 204, 250)

HSLhsl(229, 85%, 87%)

HSVhsv(229, 22%, 98%)

OKLCHoklch(85.3% 0.065 275.3)

CMYKcmyk(22%, 18%, 0%, 2%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C2CCFA Complementary#FAF0C2 Analogous#C2E8FA Analogous#D4C2FA Triadic#FAC2CC Triadic#CCFAC2

Tints & Shades

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

Tints

#CBD4FB #D0D8FB #D9E0FC #DEE4FC #E7EBFD #ECEFFD

Shades

#899DF5 #506EF1 #183FEC #0F2FBD #0B2184 #06134B

Use #C2CCFA in Our Tools

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