#162332

#162332

Color Values

HEX

#162332

RGB

22, 35, 50

HSL

212.1, 38.9%, 14.1%

HSV

212.1, 56.0%, 19.6%

CMYK

56.0%, 30.0%, 0.0%, 80.4%

OKLCH

0.2518 0.0339 252.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#162332

#322516

Analogous

#163132

#171632

#162332

Triadic

#162332

#321623

#233216

Split Complementary

#162332

#321716

#313216

Tetradic

#162332

#321631

#322516

#163217

Color Blindness Simulation

Original

#162332

Protanopia

#1C1C2E

Deuteranopia

#1B1A2E

Tritanopia

#172C2B

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAE9
300
#AAC0DA
400
#7C9EC5
500
#4E7CB1
600
#3E638E
700
#324F71
800
#273E59
900
#1F2F41
950
#141E29

Contrast Checker

Text on white

15.9:1

AA Pass AAA Pass

Text on black

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