#688FC9

#688FC9

Color Values

HEX

#688FC9

RGB

104, 143, 201

HSL

215.9, 47.3%, 59.8%

HSV

215.9, 48.3%, 78.8%

CMYK

48.3%, 28.9%, 0.0%, 21.2%

OKLCH

0.6452 0.0978 258.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#688FC9

#C9A268

Analogous

#68BFC9

#7268C9

#688FC9

Triadic

#688FC9

#C9688F

#8FC968

Split Complementary

#688FC9

#C97268

#BFC968

Tetradic

#688FC9

#C968BF

#C9A268

#68C972

Color Blindness Simulation

Original

#688FC9

Protanopia

#7979BB

Deuteranopia

#7774B8

Tritanopia

#6AB0AD

Achromatopsia

#8B8B8B

CSS Usage

background-color: #688FC9;
color: #688FC9;
border-color: #688FC9;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD8EC
300
#A5BCDF
400
#7498CD
500
#4374BC
600
#365D96
700
#2B4A78
800
#223A5E
900
#1C2C45
950
#121C2C

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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