#5F9B30

#5F9B30

Color Values

HEX

#5F9B30

RGB

95, 155, 48

HSL

93.6, 52.7%, 39.8%

HSV

93.6, 69.0%, 60.8%

CMYK

38.7%, 0.0%, 69.0%, 39.2%

OKLCH

0.6262 0.1521 134.1

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#5F9B30

#6C309B

Analogous

#959B30

#309B36

#5F9B30

Triadic

#5F9B30

#305F9B

#9B305F

Split Complementary

#5F9B30

#36309B

#9B3095

Tetradic

#5F9B30

#30959B

#6C309B

#9B3630

Color Blindness Simulation

Original

#5F9B30

Protanopia

#797A4A

Deuteranopia

#767150

Tritanopia

#625E63

Achromatopsia

#878787

CSS Usage

background-color: #5F9B30;
color: #5F9B30;
border-color: #5F9B30;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EEC8
300
#BEE2A2
400
#9BD26F
500
#77C33C
600
#609C30
700
#4C7D27
800
#3C611E
900
#2E4719
950
#1D2D10

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.22:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026