#688DCA

#688DCA

Color Values

HEX

#688DCA

RGB

104, 141, 202

HSL

217.3, 48.0%, 60.0%

HSV

217.3, 48.5%, 79.2%

CMYK

48.5%, 30.2%, 0.0%, 20.8%

OKLCH

0.6414 0.1011 260.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#688DCA

#CAA568

Analogous

#68BECA

#7468CA

#688DCA

Triadic

#688DCA

#CA688D

#8DCA68

Split Complementary

#688DCA

#CA7468

#BECA68

Tetradic

#688DCA

#CA68BE

#CAA568

#68CA74

Color Blindness Simulation

Original

#688DCA

Protanopia

#7878BB

Deuteranopia

#7673B8

Tritanopia

#6AB0AD

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CAD7EC
300
#A4BBDF
400
#7396CE
500
#4271BD
600
#355A97
700
#2A4879
800
#21385E
900
#1C2B45
950
#111B2C

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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