#6689DB

#6689DB

Color Values

HEX

#6689DB

RGB

102, 137, 219

HSL

222.1, 61.9%, 62.9%

HSV

222.1, 53.4%, 85.9%

CMYK

53.4%, 37.4%, 0.0%, 14.1%

OKLCH

0.6406 0.1297 265.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6689DB

#DBB866

Analogous

#66C3DB

#7D66DB

#6689DB

Triadic

#6689DB

#DB6689

#89DB66

Split Complementary

#6689DB

#DB7D66

#C3DB66

Tetradic

#6689DB

#DB66C3

#DBB866

#66DB7D

Color Blindness Simulation

Original

#6689DB

Protanopia

#7575C7

Deuteranopia

#7370C2

Tritanopia

#68B7B4

Achromatopsia

#878787

CSS Usage

background-color: #6689DB;
color: #6689DB;
border-color: #6689DB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4E9F7
200
#C5D2F1
300
#9CB3E8
400
#6689DB
500
#3160CE
600
#274DA5
700
#1F3D84
800
#183067
900
#15264B
950
#0E1830

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.17:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026