#688CB0

#688CB0

Color Values

HEX

#688CB0

RGB

104, 140, 176

HSL

210.0, 31.3%, 54.9%

HSV

210.0, 40.9%, 69.0%

CMYK

40.9%, 20.5%, 0.0%, 31.0%

OKLCH

0.6271 0.0679 249.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#688CB0

#B08C68

Analogous

#68B0B0

#6868B0

#688CB0

Triadic

#688CB0

#B0688C

#8CB068

Split Complementary

#688CB0

#B06868

#B0B068

Tetradic

#688CB0

#B068B0

#B08C68

#68B068

Color Blindness Simulation

Original

#688CB0

Protanopia

#7878A7

Deuteranopia

#7673A5

Tritanopia

#6AA09F

Achromatopsia

#878787

CSS Usage

background-color: #688CB0;
color: #688CB0;
border-color: #688CB0;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E8EDF2
200
#D0DBE6
300
#AFC2D5
400
#83A1BE
500
#5880A7
600
#466686
700
#38526B
800
#2C4054
900
#23303E
950
#161F27

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026