#CCEDFA Color

#CCEDFA is rgb(204, 237, 250) in RGB and hsl(197, 82%, 89%) in HSL. The closest CSS named color is Lavender. Black text is most readable on this background.

#CCEDFA

HEX#CCEDFA

RGBrgb(204, 237, 250)

HSLhsl(197, 82%, 89%)

HSVhsv(197, 18%, 98%)

OKLCHoklch(92.6% 0.039 223.6)

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

Text Contrast & Accessibility

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

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

TextBlack text17.06:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CCEDFA Complementary#FAD9CC Analogous#CCFAF0 Analogous#CCD6FA Triadic#FACCED Triadic#EDFACC

Tints & Shades

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

Tints

#D1EFFA #DAF2FB #DFF3FC #E3F5FC #E8F7FD #F1FAFE

Shades

#94D9F4 #5DC5EF #25B2E9 #128ABA #0D6182 #07374A

Use #CCEDFA in Our Tools

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