#6589DC

#6589DC

Color Values

HEX

#6589DC

RGB

101, 137, 220

HSL

221.8, 63.0%, 62.9%

HSV

221.8, 54.1%, 86.3%

CMYK

54.1%, 37.7%, 0.0%, 13.7%

OKLCH

0.6405 0.1315 265.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6589DC

#DCB865

Analogous

#65C5DC

#7C65DC

#6589DC

Triadic

#6589DC

#DC6589

#89DC65

Split Complementary

#6589DC

#DC7C65

#C5DC65

Tetradic

#6589DC

#DC65C5

#DCB865

#65DC7C

Color Blindness Simulation

Original

#6589DC

Protanopia

#7575C8

Deuteranopia

#7270C3

Tritanopia

#67B8B5

Achromatopsia

#878787

CSS Usage

background-color: #6589DC;
color: #6589DC;
border-color: #6589DC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4E9F7
200
#C5D2F2
300
#9BB3E8
400
#6589DC
500
#2F60D0
600
#264DA6
700
#1E3D85
800
#183068
900
#15264C
950
#0D1830

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.17:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026