#166ECE

#166ECE

Color Values

HEX

#166ECE

RGB

22, 110, 206

HSL

211,3, 80,7%, 44,7%

HSV

211,3, 89,3%, 80,8%

CMYK

89,3%, 46,6%, 0,0%, 19,2%

OKLCH

0,5435 0,1678 255,1

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#166ECE

#CE7616

Analogous

#16CACE

#1A16CE

#166ECE

Triadic

#166ECE

#CE166E

#6ECE16

Split Complementary

#166ECE

#CE1A16

#CACE16

Tetradic

#166ECE

#CE16CA

#CE7616

#16CE1A

Color Blindness Simulation

Original

#166ECE

Protanopia

#3C3DB7

Deuteranopia

#3730B1

Tritanopia

#1AA4A0

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5,05:1

AA Pass AAA Fail

Text on black

4,16:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026