#162C69

#162C69

Color Values

HEX

#162C69

RGB

22, 44, 105

HSL

224.1, 65.4%, 24.9%

HSV

224.1, 79.0%, 41.2%

CMYK

79.0%, 58.1%, 0.0%, 58.8%

OKLCH

0.316 0.1105 265.4

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#162C69

#695316

Analogous

#165669

#291669

#162C69

Triadic

#162C69

#69162C

#2C6916

Split Complementary

#162C69

#692916

#566916

Tetradic

#162C69

#691656

#695316

#166929

Color Blindness Simulation

Original

#162C69

Protanopia

#20205A

Deuteranopia

#1E1D57

Tritanopia

#174F4C

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C4D0F3
300
#9AAFEA
400
#6384DE
500
#2C58D3
600
#2347A9
700
#1C3987
800
#162C69
900
#14234D
950
#0D1631

Contrast Checker

Text on white

13.14:1

AA Pass AAA Pass

Text on black

1.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026