#559424

#559424

Color Values

HEX

#559424

RGB

85, 148, 36

HSL

93.8, 60.9%, 36.1%

HSV

93.8, 75.7%, 58.0%

CMYK

42.6%, 0.0%, 75.7%, 42.0%

OKLCH

0.6017 0.1562 134.7

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#559424

#632494

Analogous

#8D9424

#24942B

#559424

Triadic

#559424

#245594

#942455

Split Complementary

#559424

#2B2494

#94248D

Tetradic

#559424

#248D94

#632494

#942B24

Color Blindness Simulation

Original

#559424

Protanopia

#70713F

Deuteranopia

#6D6846

Tritanopia

#585559

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D9F1C6
300
#BDE79D
400
#99DA67
500
#76CD32
600
#5EA428
700
#4B8320
800
#3B6719
900
#2D4B16
950
#1C2F0E

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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