#75A257 Color

#75A257 is rgb(117, 162, 87) in RGB and hsl(96, 30%, 49%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#75A257

HEX#75A257

RGBrgb(117, 162, 87)

HSLhsl(96, 30%, 49%)

HSVhsv(96, 46%, 64%)

OKLCHoklch(66.2% 0.115 134)

CMYKcmyk(28%, 0%, 46%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#75A257 Complementary#8457A2 Analogous#9BA257 Analogous#57A25F Triadic#5775A2 Triadic#A25775

Tints & Shades

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

Tints

#88B06D #9BBD84 #AEC99C #C1D6B3 #D4E2CA #E7EFE1

Shades

#678F4D #567740 #486336 #374C29 #29381E #182112

Use #75A257 in Our Tools

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