#CDE5FE Color

#CDE5FE is rgb(205, 229, 254) in RGB and hsl(211, 96%, 90%) in HSL. The closest CSS named color is Lavender. Black text is most readable on this background.

#CDE5FE

HEX#CDE5FE

RGBrgb(205, 229, 254)

HSLhsl(211, 96%, 90%)

HSVhsv(211, 19%, 100%)

OKLCHoklch(91.2% 0.043 249.4)

CMYKcmyk(19%, 10%, 0%, 0%)

Text Contrast & Accessibility

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

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

TextBlack text16.23:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CDE5FE Complementary#FEE6CD Analogous#CDFDFE Analogous#CECDFE Triadic#FECDE5 Triadic#E5FECD

Tints & Shades

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

Tints

#D2E7FE #D7EAFE #DCEDFE #E6F2FE #EBF4FF #F0F7FF

Shades

#91C5FD #50A3FB #1483FA #0465CD #034891 #022750

Use #CDE5FE in Our Tools

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