#665568 Color

#665568 is rgb(102, 85, 104) in RGB and hsl(294, 10%, 37%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#665568

HEX#665568

RGBrgb(102, 85, 104)

HSLhsl(294, 10%, 37%)

HSVhsv(294, 18%, 41%)

OKLCHoklch(47.3% 0.037 322.8)

CMYKcmyk(2%, 18%, 0%, 59%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#665568 Complementary#576855 Analogous#5C5568 Analogous#685560 Triadic#686655 Triadic#556866

Tints & Shades

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

Tints

#7F6A81 #937E95 #A897AA #BDB0BF #D2CAD3 #E5E0E6

Shades

#58495A #4D404F #3F3541 #322932 #241E24 #191519

Use #665568 in Our Tools

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