#559E93

#559E93

Color Values

HEX

#559E93

RGB

85, 158, 147

HSL

171.0, 30.0%, 47.6%

HSV

171.0, 46.2%, 62.0%

CMYK

46.2%, 0.0%, 7.0%, 38.0%

OKLCH

0.6486 0.0755 183.0

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#559E93

#9E5560

Analogous

#559E6E

#55849E

#559E93

Triadic

#559E93

#93559E

#9E9355

Split Complementary

#559E93

#9E5584

#9E6E55

Tetradic

#559E93

#6E559E

#9E5560

#849E55

Color Blindness Simulation

Original

#559E93

Protanopia

#757596

Deuteranopia

#706B96

Tritanopia

#599898

Achromatopsia

#8E8E8E

CSS Usage

background-color: #559E93;
color: #559E93;
border-color: #559E93;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E9F2F0
200
#D1E6E3
300
#AFD4CF
400
#84BDB4
500
#59A69A
600
#47857B
700
#396A63
800
#2D534D
900
#233E3A
950
#162724

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.7:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026