#669ACA

#669ACA

Color Values

HEX

#669ACA

RGB

102, 154, 202

HSL

208.8, 48.5%, 59.6%

HSV

208.8, 49.5%, 79.2%

CMYK

49.5%, 23.8%, 0.0%, 20.8%

OKLCH

0.6689 0.0907 247.4

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#669ACA

#CA9666

Analogous

#66CAC8

#6668CA

#669ACA

Triadic

#669ACA

#CA669A

#9ACA66

Split Complementary

#669ACA

#CA6668

#CAC866

Tetradic

#669ACA

#C866CA

#CA9666

#68CA66

Color Blindness Simulation

Original

#669ACA

Protanopia

#7D7DBE

Deuteranopia

#7A76BC

Tritanopia

#69B5B3

Achromatopsia

#929292

CSS Usage

background-color: #669ACA;
color: #669ACA;
border-color: #669ACA;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#CADCED
300
#A4C3DF
400
#73A2CE
500
#4282BD
600
#356897
700
#2A5379
800
#21415F
900
#1B3146
950
#111F2C

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.04:1

AA Pass AAA Pass

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