#5DA130 Color

#5DA130 is rgb(93, 161, 48) in RGB and hsl(96, 54%, 41%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#5DA130

HEX#5DA130

RGBrgb(93, 161, 48)

HSLhsl(96, 54%, 41%)

HSVhsv(96, 70%, 63%)

OKLCHoklch(64.1% 0.161 135.4)

CMYKcmyk(42%, 0%, 70%, 37%)

Text Contrast & Accessibility

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

TextWhite text3.18:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.61:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#5DA130 Complementary#7430A1 Analogous#96A130 Analogous#30A13B Triadic#305DA1 Triadic#A1305D

Tints & Shades

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

Tints

#6FC039 #86CD56 #9CD676 #B6E199 #CCEAB8 #E3F3D8

Shades

#528D2A #447623 #39621D #2D4F17 #223B12 #14230B

Use #5DA130 in Our Tools

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