#558153

#558153

Color Values

HEX

#558153

RGB

85, 129, 83

HSL

117.4, 21.7%, 41.6%

HSV

117.4, 35.7%, 50.6%

CMYK

34.1%, 0.0%, 35.7%, 49.4%

OKLCH

0.5585 0.0849 143.3

Properties

Cool Light Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#558153

#7F5381

Analogous

#6C8153

#538168

#558153

Triadic

#558153

#535581

#815355

Split Complementary

#558153

#685381

#81536C

Tetradic

#558153

#536C81

#7F5381

#816853

Color Blindness Simulation

Original

#558153

Protanopia

#68685E

Deuteranopia

#666261

Tritanopia

#576769

Achromatopsia

#747474

CSS Usage

background-color: #558153;
color: #558153;
border-color: #558153;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E3D4
300
#B6CFB5
400
#8EB58C
500
#669B64
600
#527C50
700
#416340
800
#334E32
900
#283A27
950
#192519

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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