#DEEADC Color

#DEEADC is rgb(222, 234, 220) in RGB and hsl(111, 25%, 89%) in HSL. The closest CSS named color is Gainsboro. Black text is most readable on this background.

#DEEADC

HEX#DEEADC

RGBrgb(222, 234, 220)

HSLhsl(111, 25%, 89%)

HSVhsv(111, 6%, 92%)

OKLCHoklch(92.4% 0.023 141.2)

CMYKcmyk(5%, 0%, 6%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DEEADC Complementary#E8DCEA Analogous#E5EADC Analogous#DCEAE1 Triadic#DCDEEA Triadic#EADCDE

Tints & Shades

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

Tints

#E1ECDF #E7F0E6 #EAF2E9 #EDF4EC #F0F5EF #F6F9F5

Shades

#BAD3B6 #96BC8F #72A569 #54804D #3B5936 #22331F

Use #DEEADC in Our Tools

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