#669FD3

#669FD3

Color Values

HEX

#669FD3

RGB

102, 159, 211

HSL

208,6, 55,3%, 61,4%

HSV

208,6, 51,7%, 82,7%

CMYK

51,7%, 24,6%, 0,0%, 17,3%

OKLCH

0,6841 0,0978 247,2

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#669FD3

#D39A66

Analogous

#66D3D0

#6669D3

#669FD3

Triadic

#669FD3

#D3669F

#9FD366

Split Complementary

#669FD3

#D36669

#D3D066

Tetradic

#669FD3

#D066D3

#D39A66

#69D366

Color Blindness Simulation

Original

#669FD3

Protanopia

#7F7FC6

Deuteranopia

#7B77C3

Tritanopia

#69BCBA

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C8DCEF
300
#A0C3E4
400
#6CA3D5
500
#3983C6
600
#2E699E
700
#24547F
800
#1C4163
900
#183249
950
#0F1F2E

Contrast Checker

Text on white

2,81:1

AA Fail AAA Fail

Text on black

7,46: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