#DCD6DA Color

#DCD6DA is rgb(220, 214, 218) in RGB and hsl(320, 8%, 85%) in HSL. The closest CSS named color is Gainsboro. Black text is most readable on this background.

#DCD6DA

HEX#DCD6DA

RGBrgb(220, 214, 218)

HSLhsl(320, 8%, 85%)

HSVhsv(320, 3%, 86%)

OKLCHoklch(88.2% 0.008 337.5)

CMYKcmyk(0%, 3%, 1%, 14%)

Text Contrast & Accessibility

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

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

TextBlack text14.67:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#DCD6DA Complementary#D6DCD8 Analogous#DBD6DC Analogous#DCD6D7 Triadic#DADCD6 Triadic#D6DADC

Tints & Shades

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

Tints

#E1DBDF #E5E1E4 #EAE6E9 #ECE9EB #F1EEF0 #F6F4F5

Shades

#C0B5BC #A696A1 #8A7583 #6B5B66 #4A3F47 #2C262A

Use #DCD6DA in Our Tools

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