#E4ECFC Color

#E4ECFC is rgb(228, 236, 252) in RGB and hsl(220, 80%, 94%) in HSL. The closest CSS named color is Lavender. Black text is most readable on this background.

#E4ECFC

HEX#E4ECFC

RGBrgb(228, 236, 252)

HSLhsl(220, 80%, 94%)

HSVhsv(220, 10%, 99%)

OKLCHoklch(94.2% 0.023 264.5)

CMYKcmyk(10%, 6%, 0%, 1%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#E4ECFC Complementary#FCF4E3 Analogous#E3F8FC Analogous#E8E3FC Triadic#FCE3EC Triadic#ECFCE3

Tints & Shades

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

Tints

#E8EFFC #E8EFFC #EDF2FD #EDF2FD #F1F5FD #F1F5FD

Shades

#A8C2F5 #6C98EF #306EE8 #1650C5 #0F388A #09204E

Use #E4ECFC in Our Tools

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