#666D4A Color

#666D4A is rgb(102, 109, 74) in RGB and hsl(72, 19%, 36%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#666D4A

HEX#666D4A

RGBrgb(102, 109, 74)

HSLhsl(72, 19%, 36%)

HSVhsv(72, 32%, 43%)

OKLCHoklch(51.9% 0.053 117.5)

CMYKcmyk(6%, 0%, 32%, 57%)

Text Contrast & Accessibility

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

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

TextBlack text3.85:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#666D4A Complementary#514A6D Analogous#6D634A Analogous#556D4A Triadic#4A666D Triadic#6D4A66

Tints & Shades

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

Tints

#80895D #97A073 #ABB38F #BDC3A7 #D2D6C2 #E6E8DE

Shades

#585E40 #4D5238 #3E432D #333725 #25271B #1A1B13

Use #666D4A in Our Tools

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