#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

يناير 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

يناير 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

يناير 15, 2026