#558F14

#558F14

Color Values

HEX

#558F14

RGB

85, 143, 20

HSL

88.3, 75.5%, 32.0%

HSV

88.3, 86.0%, 56.1%

CMYK

40.6%, 0.0%, 86.0%, 43.9%

OKLCH

0.5876 0.1579 132.9

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#558F14

#4E148F

Analogous

#8F8C14

#178F14

#558F14

Triadic

#558F14

#14558F

#8F1455

Split Complementary

#558F14

#14178F

#8C148F

Tetradic

#558F14

#148F8C

#4E148F

#8F1417

Color Blindness Simulation

Original

#558F14

Protanopia

#6E6F32

Deuteranopia

#6B6639

Tritanopia

#58494E

Achromatopsia

#7A7A7A

CSS Usage

background-color: #558F14;
color: #558F14;
border-color: #558F14;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FCF2
100
#EEF9E2
200
#DDF6C0
300
#C4F094
400
#A5E859
500
#85E01F
600
#6AB319
700
#558F14
800
#427010
900
#325110
950
#20330A

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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