#559353

#559353

Color Values

HEX

#559353

RGB

85, 147, 83

HSL

118.1, 27.8%, 45.1%

HSV

118.1, 43.5%, 57.6%

CMYK

42.2%, 0.0%, 43.5%, 42.4%

OKLCH

0.6048 0.1142 143.4

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#559353

#915393

Analogous

#759353

#539371

#559353

Triadic

#559353

#535593

#935355

Split Complementary

#559353

#715393

#935375

Tetradic

#559353

#537593

#915393

#937153

Color Blindness Simulation

Original

#559353

Protanopia

#707062

Deuteranopia

#6C6866

Tritanopia

#586F71

Achromatopsia

#818181

CSS Usage

background-color: #559353;
color: #559353;
border-color: #559353;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D1
300
#B2D3B1
400
#88BB86
500
#5EA35C
600
#4B824A
700
#3C683B
800
#2F512E
900
#253D24
950
#172617

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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