#162C57

#162C57

Color Values

HEX

#162C57

RGB

22, 44, 87

HSL

219.7, 59.6%, 21.4%

HSV

219.7, 74.7%, 34.1%

CMYK

74.7%, 49.4%, 0.0%, 65.9%

OKLCH

0.3011 0.0826 262.2

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#162C57

#574116

Analogous

#164D57

#211657

#162C57

Triadic

#162C57

#57162C

#2C5716

Split Complementary

#162C57

#572116

#4D5716

Tetradic

#162C57

#57164D

#574116

#165721

Color Blindness Simulation

Original

#162C57

Protanopia

#20204D

Deuteranopia

#1E1D4A

Tritanopia

#174443

Achromatopsia

#2A2A2A

CSS Usage

background-color: #162C57;
color: #162C57;
border-color: #162C57;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F6FB
100
#E4EAF6
200
#C6D4F1
300
#9DB6E6
400
#688ED9
500
#3467CB
600
#2952A3
700
#214282
800
#1A3366
900
#16284A
950
#0E192F

Contrast Checker

Text on white

13.71:1

AA Pass AAA Pass

Text on black

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