#164976

#164976

Color Values

HEX

#164976

RGB

22, 73, 118

HSL

208.1, 68.6%, 27.5%

HSV

208.1, 81.4%, 46.3%

CMYK

81.4%, 38.1%, 0.0%, 53.7%

OKLCH

0.3961 0.0929 249.2

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#164976

#764316

Analogous

#167673

#161976

#164976

Triadic

#164976

#761649

#497616

Split Complementary

#164976

#761619

#767316

Tetradic

#164976

#731676

#764316

#197616

Color Blindness Simulation

Original

#164976

Protanopia

#2C2D6B

Deuteranopia

#292568

Tritanopia

#196361

Achromatopsia

#414141

CSS Usage

background-color: #164976;
color: #164976;
border-color: #164976;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C3DDF4
300
#98C4EC
400
#60A5E1
500
#2885D7
600
#206AAC
700
#1A558A
800
#14436B
900
#13324E
950
#0C2031

Contrast Checker

Text on white

9.34:1

AA Pass AAA Pass

Text on black

2.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026