#675956 Color

#675956 is rgb(103, 89, 86) in RGB and hsl(11, 9%, 37%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#675956

HEX#675956

RGBrgb(103, 89, 86)

HSLhsl(11, 9%, 37%)

HSVhsv(11, 17%, 40%)

OKLCHoklch(47.7% 0.019 32.1)

CMYKcmyk(0%, 14%, 17%, 60%)

Text Contrast & Accessibility

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

TextWhite text6.69:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#675956 Complementary#566467 Analogous#67565B Analogous#676156 Triadic#566759 Triadic#595667

Tints & Shades

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

Tints

#806F6B #94837F #A99B98 #BEB4B1 #D3CCCA #E5E1E0

Shades

#594D4A #4E4341 #403735 #322B2A #241F1E #191615

Use #675956 in Our Tools

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