#886366 Color

#886366 is rgb(136, 99, 102) in RGB and hsl(355, 16%, 46%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#886366

HEX#886366

RGBrgb(136, 99, 102)

HSLhsl(355, 16%, 46%)

HSVhsv(355, 27%, 53%)

OKLCHoklch(53.9% 0.048 13.4)

CMYKcmyk(0%, 27%, 25%, 47%)

Text Contrast & Accessibility

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

TextWhite text5.22:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.02:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#886366 Complementary#638885 Analogous#886378 Analogous#887263 Triadic#668863 Triadic#636688

Tints & Shades

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

Tints

#9A7477 #AB8C8E #BAA0A3 #CCB8BA #DBCDCE #ECE4E5

Shades

#765658 #65494B #533C3E #412F31 #2F2223 #1E1516

Use #886366 in Our Tools

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