#559652

#559652

Color Values

HEX

#559652

RGB

85, 150, 82

HSL

117.4, 29.3%, 45.5%

HSV

117.4, 45.3%, 58.8%

CMYK

43.3%, 0.0%, 45.3%, 41.2%

OKLCH

0.6124 0.1199 143.0

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#559652

#935296

Analogous

#779652

#529671

#559652

Triadic

#559652

#525596

#965255

Split Complementary

#559652

#715296

#965277

Tetradic

#559652

#527796

#935296

#967152

Color Blindness Simulation

Original

#559652

Protanopia

#717262

Deuteranopia

#6D6866

Tritanopia

#586F72

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#E9F2E9
200
#D2E6D1
300
#B1D4B0
400
#87BC85
500
#5DA55A
600
#4B8448
700
#3C6A3A
800
#2F522D
900
#253D24
950
#172717

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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