#5F9630

#5F9630

Color Values

HEX

#5F9630

RGB

95, 150, 48

HSL

92.4, 51.5%, 38.8%

HSV

92.4, 68.0%, 58.8%

CMYK

36.7%, 0.0%, 68.0%, 41.2%

OKLCH

0.6133 0.1454 133.4

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#5F9630

#673096

Analogous

#929630

#309634

#5F9630

Triadic

#5F9630

#305F96

#96305F

Split Complementary

#5F9630

#343096

#963092

Tetradic

#5F9630

#309296

#673096

#963430

Color Blindness Simulation

Original

#5F9630

Protanopia

#777749

Deuteranopia

#74704F

Tritanopia

#625C60

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DAEEC9
300
#BFE1A2
400
#9DD170
500
#7AC13E
600
#629B31
700
#4E7C28
800
#3D611F
900
#2F471A
950
#1D2D10

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.89:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026