#688CB7

#688CB7

Color Values

HEX

#688CB7

RGB

104, 140, 183

HSL

212.7, 35.4%, 56.3%

HSV

212.7, 43.2%, 71.8%

CMYK

43.2%, 23.5%, 0.0%, 28.2%

OKLCH

0.6302 0.0768 253.3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#688CB7

#B79368

Analogous

#68B3B7

#6C68B7

#688CB7

Triadic

#688CB7

#B7688C

#8CB768

Split Complementary

#688CB7

#B76C68

#B3B768

Tetradic

#688CB7

#B768B3

#B79368

#68B76C

Color Blindness Simulation

Original

#688CB7

Protanopia

#7878AD

Deuteranopia

#7673AA

Tritanopia

#6AA4A3

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CFDAE8
300
#ACC0D7
400
#7F9EC2
500
#527BAD
600
#42638A
700
#354F6E
800
#293E56
900
#212F40
950
#151E28

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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