#166DCC

#166DCC

Color Values

HEX

#166DCC

RGB

22, 109, 204

HSL

211.3, 80.5%, 44.3%

HSV

211.3, 89.2%, 80.0%

CMYK

89.2%, 46.6%, 0.0%, 20.0%

OKLCH

0.5399 0.1664 255.1

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#166DCC

#CC7516

Analogous

#16C8CC

#1A16CC

#166DCC

Triadic

#166DCC

#CC166D

#6DCC16

Split Complementary

#166DCC

#CC1A16

#C8CC16

Tetradic

#166DCC

#CC16C8

#CC7516

#16CC1A

Color Blindness Simulation

Original

#166DCC

Protanopia

#3C3CB5

Deuteranopia

#3730AF

Tritanopia

#1AA39F

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDAF8
300
#91C0F3
400
#559DED
500
#197BE6
600
#1462B8
700
#104F93
800
#0C3E73
900
#0D2F54
950
#081E35

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026