#166FCF

#166FCF

Color Values

HEX

#166FCF

RGB

22, 111, 207

HSL

211,1, 80,8%, 44,9%

HSV

211,1, 89,4%, 81,2%

CMYK

89,4%, 46,4%, 0,0%, 18,8%

OKLCH

0,5464 0,1679 255,0

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#166FCF

#CF7616

Analogous

#16CCCF

#1916CF

#166FCF

Triadic

#166FCF

#CF166F

#6FCF16

Split Complementary

#166FCF

#CF1916

#CCCF16

Tetradic

#166FCF

#CF16CC

#CF7616

#16CF19

Color Blindness Simulation

Original

#166FCF

Protanopia

#3D3DB8

Deuteranopia

#3731B2

Tritanopia

#1AA5A1

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BEDAF8
300
#90C0F3
400
#549EED
500
#187CE7
600
#1463B8
700
#104F94
800
#0C3E73
900
#0D2F54
950
#081E35

Contrast Checker

Text on white

4,99:1

AA Pass AAA Fail

Text on black

4,21: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