#675662 Color

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

#675662

HEX#675662

RGBrgb(103, 86, 98)

HSLhsl(318, 9%, 37%)

HSVhsv(318, 17%, 40%)

OKLCHoklch(47.4% 0.029 336.7)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#675662 Complementary#56675B Analogous#635667 Analogous#675659 Triadic#626756 Triadic#566267

Tints & Shades

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

Tints

#806B7A #947F8E #A998A4 #BEB1BA #D3CAD0 #E5E0E4

Shades

#594A55 #4E414A #40353D #322A30 #241E22 #191518

Use #675662 in Our Tools

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