#558151

#558151

Color Values

HEX

#558151

RGB

85, 129, 81

HSL

115.0, 22.9%, 41.2%

HSV

115.0, 37.2%, 50.6%

CMYK

34.1%, 0.0%, 37.2%, 49.4%

OKLCH

0.5581 0.0872 142.4

Properties

Cool Light Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#558151

#7D5181

Analogous

#6D8151

#518165

#558151

Triadic

#558151

#515581

#815155

Split Complementary

#558151

#655181

#81516D

Tetradic

#558151

#516D81

#7D5181

#816551

Color Blindness Simulation

Original

#558151

Protanopia

#68685D

Deuteranopia

#66625F

Tritanopia

#576668

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D4E3D3
300
#B6D0B4
400
#8FB68B
500
#679D62
600
#537D4F
700
#42643F
800
#344E31
900
#283A26
950
#192518

Contrast Checker

Text on white

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