#688DA4

#688DA4

Color Values

HEX

#688DA4

RGB

104, 141, 164

HSL

203.0, 24.8%, 52.5%

HSV

203.0, 36.6%, 64.3%

CMYK

36.6%, 14.0%, 0.0%, 35.7%

OKLCH

0.6244 0.0539 236.1

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#688DA4

#A47F68

Analogous

#68A49D

#686FA4

#688DA4

Triadic

#688DA4

#A4688D

#8DA468

Split Complementary

#688DA4

#A4686F

#A49D68

Tetradic

#688DA4

#9D68A4

#A47F68

#6FA468

Color Blindness Simulation

Original

#688DA4

Protanopia

#78789E

Deuteranopia

#76739D

Tritanopia

#6A9A99

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE4
300
#B3C5D1
400
#89A6B8
500
#60879F
600
#4D6C7F
700
#3D5666
800
#304350
900
#26333B
950
#182025

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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