#667C55 Color

#667C55 is rgb(102, 124, 85) in RGB and hsl(94, 19%, 41%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#667C55

HEX#667C55

RGBrgb(102, 124, 85)

HSLhsl(94, 19%, 41%)

HSVhsv(94, 31%, 49%)

OKLCHoklch(55.8% 0.063 132.1)

CMYKcmyk(18%, 0%, 31%, 51%)

Text Contrast & Accessibility

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

TextWhite text4.59:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#667C55 Complementary#6B557C Analogous#7A7C55 Analogous#557C57 Triadic#55667C Triadic#7C5566

Tints & Shades

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

Tints

#7A9565 #8FA67D #A3B795 #BBC9B0 #D0DAC8 #E5EAE1

Shades

#596D4A #4B5B3E #3E4C34 #323D29 #252E1F #161B13

Use #667C55 in Our Tools

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