#164995

#164995

Color Values

HEX

#164995

RGB

22, 73, 149

HSL

215.9, 74.3%, 33.5%

HSV

215.9, 85.2%, 58.4%

CMYK

85.2%, 51.0%, 0.0%, 41.6%

OKLCH

0.4184 0.1362 258.9

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#164995

#956216

Analogous

#168895

#221695

#164995

Triadic

#164995

#951649

#499516

Split Complementary

#164995

#952216

#889516

Tetradic

#164995

#951688

#956216

#169522

Color Blindness Simulation

Original

#164995

Protanopia

#2C2D83

Deuteranopia

#29257E

Tritanopia

#197471

Achromatopsia

#444444

CSS Usage

background-color: #164995;
color: #164995;
border-color: #164995;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C1D6F6
300
#94B9EF
400
#5B93E7
500
#216DDE
600
#1A57B2
700
#15468E
800
#10366F
900
#102A51
950
#0A1B33

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

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