#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026