#162A39

#162A39

Color Values

HEX

#162A39

RGB

22, 42, 57

HSL

205.7, 44.3%, 15.5%

HSV

205.7, 61.4%, 22.4%

CMYK

61.4%, 26.3%, 0.0%, 77.6%

OKLCH

0.2756 0.0381 242.3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#162A39

#392516

Analogous

#163937

#161939

#162A39

Triadic

#162A39

#39162A

#2A3916

Split Complementary

#162A39

#391619

#393716

Tetradic

#162A39

#371639

#392516

#193916

Color Blindness Simulation

Original

#162A39

Protanopia

#1F1F35

Deuteranopia

#1E1C34

Tritanopia

#173332

Achromatopsia

#272727

CSS Usage

background-color: #162A39;
color: #162A39;
border-color: #162A39;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEB
300
#A7C6DD
400
#77A7CA
500
#4788B8
600
#396C93
700
#2D5776
800
#24445C
900
#1D3344
950
#12202B

Contrast Checker

Text on white

14.74:1

AA Pass AAA Pass

Text on black

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