#589995

#589995

Color Values

HEX

#589995

RGB

88, 153, 149

HSL

176.3, 27.0%, 47.3%

HSV

176.3, 42.5%, 60.0%

CMYK

42.5%, 0.0%, 2.6%, 40.0%

OKLCH

0.6384 0.0671 190.5

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#589995

#99585C

Analogous

#589975

#587D99

#589995

Triadic

#589995

#955899

#999558

Split Complementary

#589995

#99587D

#997558

Tetradic

#589995

#755899

#99585C

#7D9958

Color Blindness Simulation

Original

#589995

Protanopia

#747596

Deuteranopia

#706C96

Tritanopia

#5B9797

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E5E4
300
#B1D2D0
400
#87BAB7
500
#5DA29E
600
#4A827E
700
#3C6865
800
#2F514F
900
#253C3B
950
#172625

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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