#579D97

#579D97

Color Values

HEX

#579D97

RGB

87, 157, 151

HSL

174.9, 28.7%, 47.8%

HSV

174.9, 44.6%, 61.6%

CMYK

44.6%, 0.0%, 3.8%, 38.4%

OKLCH

0.6483 0.0716 188.4

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#579D97

#9D575D

Analogous

#579D74

#57809D

#579D97

Triadic

#579D97

#97579D

#9D9757

Split Complementary

#579D97

#9D5780

#9D7457

Tetradic

#579D97

#74579D

#9D575D

#809D57

Color Blindness Simulation

Original

#579D97

Protanopia

#757698

Deuteranopia

#716C99

Tritanopia

#5A9A9A

Achromatopsia

#8E8E8E

CSS Usage

background-color: #579D97;
color: #579D97;
border-color: #579D97;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E4
300
#B0D3D0
400
#86BCB7
500
#5BA49E
600
#49837E
700
#3A6965
800
#2D524F
900
#243D3B
950
#172725

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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