#5F7D30

#5F7D30

Color Values

HEX

#5F7D30

RGB

95, 125, 48

HSL

83.4, 44.5%, 33.9%

HSV

83.4, 61.6%, 49.0%

CMYK

24.0%, 0.0%, 61.6%, 51.0%

OKLCH

0.5492 0.1104 127.6

Properties

Cool Dark Nearest: darkolivegreen 4

Color Harmonies

Complementary

#5F7D30

#4E307D

Analogous

#7D7430

#387D30

#5F7D30

Triadic

#5F7D30

#305F7D

#7D305F

Split Complementary

#5F7D30

#30387D

#74307D

Tetradic

#5F7D30

#307D74

#4E307D

#7D3038

Color Blindness Simulation

Original

#5F7D30

Protanopia

#6C6C43

Deuteranopia

#6A6847

Tritanopia

#605155

Achromatopsia

#717171

CSS Usage

background-color: #5F7D30;
color: #5F7D30;
border-color: #5F7D30;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#DFEBCB
300
#C8DDA7
400
#AACB77
500
#8CB847
600
#709339
700
#5A762D
800
#465C23
900
#35441D
950
#212B12

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail 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