#167DB6

#167DB6

Color Values

HEX

#167DB6

RGB

22, 125, 182

HSL

201.4, 78.4%, 40.0%

HSV

201.4, 87.9%, 71.4%

CMYK

87.9%, 31.3%, 0.0%, 28.6%

OKLCH

0.5632 0.1231 240.4

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#167DB6

#B64F16

Analogous

#16B69F

#162DB6

#167DB6

Triadic

#167DB6

#B6167D

#7DB616

Split Complementary

#167DB6

#B6162D

#B69F16

Tetradic

#167DB6

#9F16B6

#B64F16

#2DB616

Color Blindness Simulation

Original

#167DB6

Protanopia

#4343A8

Deuteranopia

#3D35A5

Tritanopia

#1B9D9B

Achromatopsia

#6B6B6B

CSS Usage

background-color: #167DB6;
color: #167DB6;
border-color: #167DB6;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F9FC
100
#E1F1F9
200
#BFE3F7
300
#92D0F2
400
#57B6EB
500
#1C9CE3
600
#167DB6
700
#126492
800
#0E4E72
900
#0E3A53
950
#092534

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass 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