#688AB9

#688AB9

Color Values

HEX

#688AB9

RGB

104, 138, 185

HSL

214.8, 36.7%, 56.7%

HSV

214.8, 43.8%, 72.5%

CMYK

43.8%, 25.4%, 0.0%, 27.5%

OKLCH

0.6266 0.0811 256.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#688AB9

#B99768

Analogous

#68B3B9

#6F68B9

#688AB9

Triadic

#688AB9

#B9688A

#8AB968

Split Complementary

#688AB9

#B96F68

#B3B968

Tetradic

#688AB9

#B968B3

#B99768

#68B96F

Color Blindness Simulation

Original

#688AB9

Protanopia

#7777AE

Deuteranopia

#7572AB

Tritanopia

#6AA5A3

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CED9E8
300
#ABBED8
400
#7E9BC3
500
#5178AE
600
#41608B
700
#344D70
800
#283C57
900
#202E40
950
#141D29

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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