#589DA1

#589DA1

Color Values

HEX

#589DA1

RGB

88, 157, 161

HSL

183.3, 29.3%, 48.8%

HSV

183.3, 45.3%, 63.1%

CMYK

45.3%, 2.5%, 0.0%, 36.9%

OKLCH

0.6522 0.0701 200.4

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#589DA1

#A15C58

Analogous

#58A180

#5878A1

#589DA1

Triadic

#589DA1

#A1589D

#9DA158

Split Complementary

#589DA1

#A15878

#A18058

Tetradic

#589DA1

#8058A1

#A15C58

#78A158

Color Blindness Simulation

Original

#589DA1

Protanopia

#7676A0

Deuteranopia

#726DA0

Tritanopia

#5B9F9F

Achromatopsia

#8F8F8F

CSS Usage

background-color: #589DA1;
color: #589DA1;
border-color: #589DA1;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D1E5E6
300
#B0D2D4
400
#85B9BC
500
#5AA1A5
600
#488184
700
#3A676A
800
#2D5052
900
#243C3D
950
#172627

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026