#D9E7DF Color

#D9E7DF is rgb(217, 231, 223) in RGB and hsl(146, 23%, 88%) in HSL. The closest CSS named color is Gainsboro. Black text is most readable on this background.

#D9E7DF

HEX#D9E7DF

RGBrgb(217, 231, 223)

HSLhsl(146, 23%, 88%)

HSVhsv(146, 6%, 91%)

OKLCHoklch(91.5% 0.018 161.1)

CMYKcmyk(6%, 0%, 3%, 9%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D9E7DF Complementary#E7D9E1 Analogous#DAE7D9 Analogous#D9E7E6 Triadic#DFD9E7 Triadic#E7DFD9

Tints & Shades

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

Tints

#DCE9E2 #E3EDE7 #E6EFEA #ECF3EF #EFF5F2 #F6F9F7

Shades

#B4D0C0 #8EB8A0 #68A181 #4F7D63 #375845 #1F3228

Use #D9E7DF in Our Tools

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