#688ABA

#688ABA

Color Values

HEX

#688ABA

RGB

104, 138, 186

HSL

215.1, 37.3%, 56.9%

HSV

215.1, 44.1%, 72.9%

CMYK

44.1%, 25.8%, 0.0%, 27.1%

OKLCH

0.6271 0.0825 257.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#688ABA

#BA9868

Analogous

#68B3BA

#6F68BA

#688ABA

Triadic

#688ABA

#BA688A

#8ABA68

Split Complementary

#688ABA

#BA6F68

#B3BA68

Tetradic

#688ABA

#BA68B3

#BA9868

#68BA6F

Color Blindness Simulation

Original

#688ABA

Protanopia

#7777AE

Deuteranopia

#7572AC

Tritanopia

#6AA5A3

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CED9E9
300
#ABBED9
400
#7D9BC4
500
#5077AF
600
#40608C
700
#334C70
800
#283C58
900
#202E41
950
#141D29

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

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