#688FD3

#688FD3

Color Values

HEX

#688FD3

RGB

104, 143, 211

HSL

218,1, 54,9%, 61,8%

HSV

218,1, 50,7%, 82,7%

CMYK

50,7%, 32,2%, 0,0%, 17,3%

OKLCH

0,6502 0,1113 261,0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#688FD3

#D3AC68

Analogous

#68C5D3

#7768D3

#688FD3

Triadic

#688FD3

#D3688F

#8FD368

Split Complementary

#688FD3

#D37768

#C5D368

Tetradic

#688FD3

#D368C5

#D3AC68

#68D377

Color Blindness Simulation

Original

#688FD3

Protanopia

#7979C3

Deuteranopia

#7774BF

Tritanopia

#6AB6B3

Achromatopsia

#8C8C8C

CSS Usage

background-color: #688FD3;
color: #688FD3;
border-color: #688FD3;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EF
300
#A0B9E3
400
#6D93D4
500
#3A6DC5
600
#2E579E
700
#25467E
800
#1D3663
900
#192A48
950
#0F1B2E

Contrast Checker

Text on white

3,25:1

AA Fail AAA Fail

Text on black

6,46:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026