#675659 Color

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

#675659

HEX#675659

RGBrgb(103, 86, 89)

HSLhsl(349, 9%, 37%)

HSVhsv(349, 17%, 40%)

OKLCHoklch(47.1% 0.023 6)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#675659 Complementary#566764 Analogous#675661 Analogous#675B56 Triadic#596756 Triadic#565967

Tints & Shades

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

Tints

#806B6F #947F83 #A9989B #BEB1B4 #D3CACC #E5E0E1

Shades

#594A4D #4E4143 #403537 #322A2B #241E1F #191516

Use #675659 in Our Tools

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