#76A285 Color

#76A285 is rgb(118, 162, 133) in RGB and hsl(140, 19%, 55%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#76A285

HEX#76A285

RGBrgb(118, 162, 133)

HSLhsl(140, 19%, 55%)

HSVhsv(140, 27%, 64%)

OKLCHoklch(67.2% 0.064 155.4)

CMYKcmyk(27%, 0%, 18%, 36%)

Text Contrast & Accessibility

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

TextWhite text2.89:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.28:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#76A285 Complementary#A27694 Analogous#7EA276 Analogous#76A29B Triadic#8576A2 Triadic#A28576

Tints & Shades

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

Tints

#89AE95 #9BBBA6 #ADC7B6 #C2D6C9 #D5E2D9 #E7EEE9

Shades

#639273 #537960 #44644F #364F3E #273A2D #17211A

Use #76A285 in Our Tools

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