#689DDA

#689DDA

Color Values

HEX

#689DDA

RGB

104, 157, 218

HSL

212.1, 60.6%, 63.1%

HSV

212.1, 52.3%, 85.5%

CMYK

52.3%, 28.0%, 0.0%, 14.5%

OKLCH

0.6841 0.1069 252.8

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#689DDA

#DAA568

Analogous

#68D6DA

#6C68DA

#689DDA

Triadic

#689DDA

#DA689D

#9DDA68

Split Complementary

#689DDA

#DA6C68

#D6DA68

Tetradic

#689DDA

#DA68D6

#DAA568

#68DA6C

Color Blindness Simulation

Original

#689DDA

Protanopia

#7F7FCB

Deuteranopia

#7C78C8

Tritanopia

#6BC0BD

Achromatopsia

#969696

CSS Usage

background-color: #689DDA;
color: #689DDA;
border-color: #689DDA;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F7FB
100
#E4EDF6
200
#C6DAF1
300
#9DBFE7
400
#679DDA
500
#327ACD
600
#2862A4
700
#204E83
800
#193D66
900
#162F4B
950
#0E1D2F

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.42:1

AA Pass AAA Pass

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