#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