#C2DDFA Color

#C2DDFA is rgb(194, 221, 250) in RGB and hsl(211, 85%, 87%) in HSL. The closest CSS named color is PowderBlue. Black text is most readable on this background.

#C2DDFA

HEX#C2DDFA

RGBrgb(194, 221, 250)

HSLhsl(211, 85%, 87%)

HSVhsv(211, 22%, 98%)

OKLCHoklch(88.7% 0.049 250.3)

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

Text Contrast & Accessibility

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

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

TextBlack text15.02:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#C2DDFA Complementary#FADFC2 Analogous#C2F9FA Analogous#C3C2FA Triadic#FAC2DD Triadic#DDFAC2

Tints & Shades

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

Tints

#CBE2FB #D0E5FB #D9EAFC #DEEDFC #E7F2FD #ECF5FD

Shades

#89BDF5 #509EF1 #187FEC #0F63BD #0B4584 #06284B

Use #C2DDFA in Our Tools

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