#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

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