#74A758 Color

#74A758 is rgb(116, 167, 88) in RGB and hsl(99, 31%, 50%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#74A758

HEX#74A758

RGBrgb(116, 167, 88)

HSLhsl(99, 31%, 50%)

HSVhsv(99, 47%, 65%)

OKLCHoklch(67.3% 0.122 135.4)

CMYKcmyk(31%, 0%, 47%, 35%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#74A758 Complementary#8B58A7 Analogous#9BA758 Analogous#58A764 Triadic#5874A7 Triadic#A75874

Tints & Shades

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

Tints

#87B36F #9BC087 #AECC9E #BFD7B2 #D2E3CA #E6EFE1

Shades

#63904C #567C41 #456435 #38502A #27391E #192513

Use #74A758 in Our Tools

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