#589499

#589499

Color Values

HEX

#589499

RGB

88, 148, 153

HSL

184.6, 27.0%, 47.3%

HSV

184.6, 42.5%, 60.0%

CMYK

42.5%, 3.3%, 0.0%, 40.0%

OKLCH

0.6277 0.0628 202.5

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#589499

#995D58

Analogous

#58997E

#587499

#589499

Triadic

#589499

#995894

#949958

Split Complementary

#589499

#995874

#997E58

Tetradic

#589499

#7E5899

#995D58

#749958

Color Blindness Simulation

Original

#589499

Protanopia

#727398

Deuteranopia

#6E6A98

Tritanopia

#5B9797

Achromatopsia

#888888

CSS Usage

background-color: #589499;
color: #589499;
border-color: #589499;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E3E5
300
#B1D0D2
400
#87B6BA
500
#5D9DA2
600
#4A7D82
700
#3C6468
800
#2F4E51
900
#253A3C
950
#172526

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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