#166D8D

#166D8D

Color Values

HEX

#166D8D

RGB

22, 109, 141

HSL

196.1, 73.0%, 32.0%

HSV

196.1, 84.4%, 55.3%

CMYK

84.4%, 22.7%, 0.0%, 44.7%

OKLCH

0.5015 0.0916 228.8

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#166D8D

#8D3616

Analogous

#168D72

#16328D

#166D8D

Triadic

#166D8D

#8D166D

#6D8D16

Split Complementary

#166D8D

#8D1632

#8D7216

Tetradic

#166D8D

#72168D

#8D3616

#328D16

Color Blindness Simulation

Original

#166D8D

Protanopia

#3C3C85

Deuteranopia

#373083

Tritanopia

#1A7F7E

Achromatopsia

#5D5D5D

CSS Usage

background-color: #166D8D;
color: #166D8D;
border-color: #166D8D;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FAFC
100
#E2F2F8
200
#C1E7F5
300
#95D6EE
400
#5CC1E6
500
#22ABDD
600
#1C88B0
700
#166D8D
800
#11556E
900
#113F50
950
#0A2833

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

3.61:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026