#58960F

#58960F

Color Values

HEX

#58960F

RGB

88, 150, 15

HSL

87.6, 81.8%, 32.4%

HSV

87.6, 90.0%, 58.8%

CMYK

41.3%, 0.0%, 90.0%, 41.2%

OKLCH

0.6074 0.1664 133.0

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#58960F

#4D0F96

Analogous

#96910F

#14960F

#58960F

Triadic

#58960F

#0F5896

#960F58

Split Complementary

#58960F

#0F1496

#910F96

Tetradic

#58960F

#0F9691

#4D0F96

#960F14

Color Blindness Simulation

Original

#58960F

Protanopia

#737330

Deuteranopia

#6F6B38

Tritanopia

#5B494F

Achromatopsia

#7F7F7F

CSS Usage

background-color: #58960F;
color: #58960F;
border-color: #58960F;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DEF9BE
300
#C6F490
400
#A7EE53
500
#88E817
600
#6DB913
700
#57940F
800
#44740C
900
#33540D
950
#203508

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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