#166ECD

#166ECD

Color Values

HEX

#166ECD

RGB

22, 110, 205

HSL

211.1, 80.6%, 44.5%

HSV

211.1, 89.3%, 80.4%

CMYK

89.3%, 46.3%, 0.0%, 19.6%

OKLCH

0.5428 0.1665 254.9

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#166ECD

#CD7516

Analogous

#16CACD

#1916CD

#166ECD

Triadic

#166ECD

#CD166E

#6ECD16

Split Complementary

#166ECD

#CD1916

#CACD16

Tetradic

#166ECD

#CD16CA

#CD7516

#16CD19

Color Blindness Simulation

Original

#166ECD

Protanopia

#3C3DB6

Deuteranopia

#3730B0

Tritanopia

#1AA4A0

Achromatopsia

#626262

CSS Usage

background-color: #166ECD;
color: #166ECD;
border-color: #166ECD;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDAF8
300
#90C0F3
400
#559EED
500
#197CE6
600
#1463B8
700
#104F93
800
#0C3E73
900
#0D2F54
950
#081E35

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026