#668CBA

#668CBA

Color Values

HEX

#668CBA

RGB

102, 140, 186

HSL

212,9, 37,8%, 56,5%

HSV

212,9, 45,2%, 72,9%

CMYK

45,2%, 24,7%, 0,0%, 27,1%

OKLCH

0,6303 0,0817 253,7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#668CBA

#BA9466

Analogous

#66B6BA

#6A66BA

#668CBA

Triadic

#668CBA

#BA668C

#8CBA66

Split Complementary

#668CBA

#BA6A66

#B6BA66

Tetradic

#668CBA

#BA66B6

#BA9466

#66BA6A

Color Blindness Simulation

Original

#668CBA

Protanopia

#7677AF

Deuteranopia

#7471AC

Tritanopia

#68A6A4

Achromatopsia

#878787

CSS Usage

background-color: #668CBA;
color: #668CBA;
border-color: #668CBA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDAE9
300
#ABC0D9
400
#7D9DC4
500
#4F7BB0
600
#3F628D
700
#334F70
800
#283D58
900
#202F41
950
#141E29

Contrast Checker

Text on white

3,49:1

AA Fail AAA Fail

Text on black

6,03: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