#5A7766 Color

#5A7766 is rgb(90, 119, 102) in RGB and hsl(145, 14%, 41%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#5A7766

HEX#5A7766

RGBrgb(90, 119, 102)

HSLhsl(145, 14%, 41%)

HSVhsv(145, 24%, 47%)

OKLCHoklch(54.1% 0.043 158.9)

CMYKcmyk(24%, 0%, 14%, 53%)

Text Contrast & Accessibility

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

TextWhite text4.92:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.27:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#5A7766 Complementary#775A6B Analogous#5C775A Analogous#5A7775 Triadic#665A77 Triadic#77665A

Tints & Shades

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

Tints

#6B8E7A #82A18F #99B2A4 #B3C6BB #CBD8D0 #E2E9E5

Shades

#4F695A #42574B #37493E #2C3A32 #212C25 #141A16

Use #5A7766 in Our Tools

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