#6589AA

#6589AA

Color Values

HEX

#6589AA

RGB

101, 137, 170

HSL

208.7, 28.9%, 53.1%

HSV

208.7, 40.6%, 66.7%

CMYK

40.6%, 19.4%, 0.0%, 33.3%

OKLCH

0.6159 0.0645 246.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#6589AA

#AA8665

Analogous

#65AAA8

#6566AA

#6589AA

Triadic

#6589AA

#AA6589

#89AA65

Split Complementary

#6589AA

#AA6566

#AAA865

Tetradic

#6589AA

#A865AA

#AA8665

#66AA65

Color Blindness Simulation

Original

#6589AA

Protanopia

#7575A2

Deuteranopia

#7270A0

Tritanopia

#679C9A

Achromatopsia

#848484

CSS Usage

background-color: #6589AA;
color: #6589AA;
border-color: #6589AA;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DCE6
300
#B0C3D3
400
#85A2BC
500
#5B81A4
600
#496783
700
#3A5369
800
#2D4152
900
#24313D
950
#171F27

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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