#708980 Color

#708980 is rgb(112, 137, 128) in RGB and hsl(158, 10%, 49%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#708980

HEX#708980

RGBrgb(112, 137, 128)

HSLhsl(158, 10%, 49%)

HSVhsv(158, 18%, 54%)

OKLCHoklch(60.8% 0.032 171.4)

CMYKcmyk(18%, 0%, 7%, 46%)

Text Contrast & Accessibility

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

TextWhite text3.76:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.58:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#708980 Complementary#89707A Analogous#708974 Analogous#708689 Triadic#807089 Triadic#898070

Tints & Shades

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

Tints

#849A92 #97AAA3 #ABBAB5 #BECAC6 #D2DAD7 #E6EAE9

Shades

#637971 #53655E #45544F #35413C #27302D #171C1A

Use #708980 in Our Tools

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