#598689

#598689

Color Values

HEX

#598689

RGB

89, 134, 137

HSL

183.8, 21.2%, 44.3%

HSV

183.8, 35.0%, 53.7%

CMYK

35.0%, 2.2%, 0.0%, 46.3%

OKLCH

0.5887 0.0493 201.2

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#598689

#895C59

Analogous

#598974

#596E89

#598689

Triadic

#598689

#895986

#868959

Split Complementary

#598689

#89596E

#897459

Tetradic

#598689

#745989

#895C59

#6E8959

Color Blindness Simulation

Original

#598689

Protanopia

#6C6D88

Deuteranopia

#6A6688

Tritanopia

#5B8888

Achromatopsia

#7D7D7D

CSS Usage

background-color: #598689;
color: #598689;
border-color: #598689;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CDCF
400
#8DB2B5
500
#64979B
600
#50797C
700
#406163
800
#324C4D
900
#27393A
950
#192424

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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