#166A8D

#166A8D

Color Values

HEX

#166A8D

RGB

22, 106, 141

HSL

197.6, 73.0%, 32.0%

HSV

197.6, 84.4%, 55.3%

CMYK

84.4%, 24.8%, 0.0%, 44.7%

OKLCH

0.4938 0.0931 231.9

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#166A8D

#8D3916

Analogous

#168D75

#162F8D

#166A8D

Triadic

#166A8D

#8D166A

#6A8D16

Split Complementary

#166A8D

#8D162F

#8D7516

Tetradic

#166A8D

#75168D

#8D3916

#2F8D16

Color Blindness Simulation

Original

#166A8D

Protanopia

#3A3B85

Deuteranopia

#362F82

Tritanopia

#1A7E7C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E2F2F8
200
#C1E6F5
300
#95D4EE
400
#5CBDE6
500
#22A6DD
600
#1C85B0
700
#166A8D
800
#11536E
900
#113E50
950
#0A2733

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

3.48:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026