#5CAF3C Color

#5CAF3C is rgb(92, 175, 60) in RGB and hsl(103, 49%, 46%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#5CAF3C

HEX#5CAF3C

RGBrgb(92, 175, 60)

HSLhsl(103, 49%, 46%)

HSVhsv(103, 66%, 69%)

OKLCHoklch(67.7% 0.171 138.2)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5CAF3C Complementary#8E3CAF Analogous#96AF3C Analogous#3CAF55 Triadic#3C5CAF Triadic#AF3C5C

Tints & Shades

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

Tints

#6EC24C #86CC6B #9CD585 #B5E0A4 #CAE9BE #E3F3DD

Shades

#509834 #44812C #386A24 #2C541D #203D15 #14260D

Use #5CAF3C in Our Tools

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