#558973

#558973

Color Values

HEX

#558973

RGB

85, 137, 115

HSL

154.6, 23.4%, 43.5%

HSV

154.6, 38.0%, 53.7%

CMYK

38.0%, 0.0%, 16.1%, 46.3%

OKLCH

0.5868 0.0657 165.6

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#558973

#89556B

Analogous

#558959

#558589

#558973

Triadic

#558973

#735589

#897355

Split Complementary

#558973

#895585

#895955

Tetradic

#558973

#595589

#89556B

#858955

Color Blindness Simulation

Original

#558973

Protanopia

#6C6C78

Deuteranopia

#68657A

Tritanopia

#587D7D

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E4DD
300
#B3D0C4
400
#8BB7A4
500
#629D84
600
#4E7E6A
700
#3F6555
800
#314F42
900
#263B32
950
#182520

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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