#DFE7EC Color

#DFE7EC is rgb(223, 231, 236) in RGB and hsl(203, 25%, 90%) in HSL. The closest CSS named color is Lavender. Black text is most readable on this background.

#DFE7EC

HEX#DFE7EC

RGBrgb(223, 231, 236)

HSLhsl(203, 25%, 90%)

HSVhsv(203, 6%, 93%)

OKLCHoklch(92.3% 0.011 234.8)

CMYKcmyk(6%, 2%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DFE7EC Complementary#ECE4DF Analogous#DFECEA Analogous#DFE1EC Triadic#ECDFE7 Triadic#E7ECDF

Tints & Shades

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

Tints

#E2E9EE #E6ECF0 #E9EEF2 #EFF3F5 #F2F5F7 #F5F8F9

Shades

#B9CAD5 #8FABBC #698EA5 #4E6F83 #374E5C #1F2B33

Use #DFE7EC in Our Tools

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