#CFE0FC Color

#CFE0FC is rgb(207, 224, 252) in RGB and hsl(217, 88%, 90%) in HSL. The closest CSS named color is Lavender. Black text is most readable on this background.

#CFE0FC

HEX#CFE0FC

RGBrgb(207, 224, 252)

HSLhsl(217, 88%, 90%)

HSVhsv(217, 18%, 99%)

OKLCHoklch(90.3% 0.043 260.4)

CMYKcmyk(18%, 11%, 0%, 1%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CFE0FC Complementary#FCEBCF Analogous#CFF7FC Analogous#D4CFFC Triadic#FCCFE0 Triadic#E0FCCF

Tints & Shades

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

Tints

#D4E3FC #D9E6FD #DDE9FD #E7F0FD #ECF3FE #F1F6FE

Shades

#96BBF8 #5793F4 #1E6FF1 #0D53C5 #093B8B #05204D

Use #CFE0FC in Our Tools

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