#588174

#588174

Color Values

HEX

#588174

RGB

88, 129, 116

HSL

161.0, 18.9%, 42.5%

HSV

161.0, 31.8%, 50.6%

CMYK

31.8%, 0.0%, 10.1%, 49.4%

OKLCH

0.5689 0.05 172.7

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#588174

#815865

Analogous

#58815F

#587981

#588174

Triadic

#588174

#745881

#817458

Split Complementary

#588174

#815879

#815F58

Tetradic

#588174

#5F5881

#815865

#798158

Color Blindness Simulation

Original

#588174

Protanopia

#6A6A77

Deuteranopia

#676478

Tritanopia

#5A7A7A

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DE
300
#B6CDC6
400
#8FB2A7
500
#679888
600
#53796D
700
#426157
800
#344C44
900
#283933
950
#192421

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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