#558772

#558772

Color Values

HEX

#558772

RGB

85, 135, 114

HSL

154.8, 22.7%, 43.1%

HSV

154.8, 37.0%, 52.9%

CMYK

37.0%, 0.0%, 15.6%, 47.1%

OKLCH

0.5815 0.0634 165.9

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#558772

#87556A

Analogous

#558759

#558387

#558772

Triadic

#558772

#725587

#877255

Split Complementary

#558772

#875583

#875955

Tetradic

#558772

#595587

#87556A

#838755

Color Blindness Simulation

Original

#558772

Protanopia

#6B6B77

Deuteranopia

#686478

Tritanopia

#587B7C

Achromatopsia

#7B7B7B

CSS Usage

background-color: #558772;
color: #558772;
border-color: #558772;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E3DD
300
#B4D0C4
400
#8BB6A4
500
#639C84
600
#4F7D6A
700
#3F6455
800
#314E42
900
#273A32
950
#182520

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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