#5D8F25

#5D8F25

Color Values

HEX

#5D8F25

RGB

93, 143, 37

HSL

88.3, 58.9%, 35.3%

HSV

88.3, 74.1%, 56.1%

CMYK

35.0%, 0.0%, 74.1%, 43.9%

OKLCH

0.5932 0.1448 131.7

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#5D8F25

#57258F

Analogous

#8F8C25

#288F25

#5D8F25

Triadic

#5D8F25

#255D8F

#8F255D

Split Complementary

#5D8F25

#25288F

#8C258F

Tetradic

#5D8F25

#258F8C

#57258F

#8F2528

Color Blindness Simulation

Original

#5D8F25

Protanopia

#73733F

Deuteranopia

#706C45

Tritanopia

#605357

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DCF0C6
300
#C4E69E
400
#A4D869
500
#84CB34
600
#69A22A
700
#548222
800
#42651A
900
#324A17
950
#202F0E

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.42: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