#705F77 Color

#705F77 is rgb(112, 95, 119) in RGB and hsl(283, 11%, 42%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#705F77

HEX#705F77

RGBrgb(112, 95, 119)

HSLhsl(283, 11%, 42%)

HSVhsv(283, 20%, 47%)

OKLCHoklch(51.1% 0.043 316)

CMYKcmyk(6%, 20%, 0%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#705F77 Complementary#66775F Analogous#645F77 Analogous#775F72 Triadic#77705F Triadic#5F7770

Tints & Shades

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

Tints

#86718E #9988A0 #AC9FB2 #C0B5C4 #D3CCD6 #E7E3E8

Shades

#635469 #534658 #453B4A #352D39 #28222A #181419

Use #705F77 in Our Tools

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