#164DB6

#164DB6

Color Values

HEX

#164DB6

RGB

22, 77, 182

HSL

219.4, 78.4%, 40.0%

HSV

219.4, 87.9%, 71.4%

CMYK

87.9%, 57.7%, 0.0%, 28.6%

OKLCH

0.4541 0.176 261.7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#164DB6

#B67F16

Analogous

#169DB6

#2F16B6

#164DB6

Triadic

#164DB6

#B6164D

#4DB616

Split Complementary

#164DB6

#B62F16

#9DB616

Tetradic

#164DB6

#B6169D

#B67F16

#16B62F

Color Blindness Simulation

Original

#164DB6

Protanopia

#2E2E9D

Deuteranopia

#2B2696

Tritanopia

#198984

Achromatopsia

#494949

CSS Usage

background-color: #164DB6;
color: #164DB6;
border-color: #164DB6;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FC
100
#E1E9F9
200
#BFD3F7
300
#92B3F2
400
#5789EB
500
#1C60E3
600
#164DB6
700
#123E92
800
#0E3072
900
#0E2653
950
#091834

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

2.77: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