#665775 Color

#665775 is rgb(102, 87, 117) in RGB and hsl(270, 15%, 40%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#665775

HEX#665775

RGBrgb(102, 87, 117)

HSLhsl(270, 15%, 40%)

HSVhsv(270, 26%, 46%)

OKLCHoklch(48.3% 0.051 307.3)

CMYKcmyk(13%, 26%, 0%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#665775 Complementary#667557 Analogous#575775 Analogous#755775 Triadic#756657 Triadic#577566

Tints & Shades

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

Tints

#7A688D #9181A2 #A698B3 #BAB0C4 #CFC7D6 #E6E2E9

Shades

#594C67 #4C4158 #403649 #302938 #241E29 #17141A

Use #665775 in Our Tools

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