#6589C5

#6589C5

Color Values

HEX

#6589C5

RGB

101, 137, 197

HSL

217.5, 45.3%, 58.4%

HSV

217.5, 48.7%, 77.3%

CMYK

48.7%, 30.5%, 0.0%, 22.7%

OKLCH

0.6284 0.0998 260.3

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#6589C5

#C5A165

Analogous

#65B9C5

#7165C5

#6589C5

Triadic

#6589C5

#C56589

#89C565

Split Complementary

#6589C5

#C57165

#B9C565

Tetradic

#6589C5

#C565B9

#C5A165

#65C571

Color Blindness Simulation

Original

#6589C5

Protanopia

#7575B6

Deuteranopia

#7270B3

Tritanopia

#67ABA8

Achromatopsia

#868686

CSS Usage

background-color: #6589C5;
color: #6589C5;
border-color: #6589C5;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CBD7EB
300
#A6BBDE
400
#7696CB
500
#4671B9
600
#385A94
700
#2D4877
800
#23395D
900
#1D2C44
950
#121B2B

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026