#162833

#162833

Color Values

HEX

#162833

RGB

22, 40, 51

HSL

202.8, 39.7%, 14.3%

HSV

202.8, 56.9%, 20.0%

CMYK

56.9%, 21.6%, 0.0%, 80.0%

OKLCH

0.2666 0.0315 236.5

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#162833

#332116

Analogous

#16332F

#161933

#162833

Triadic

#162833

#331628

#283316

Split Complementary

#162833

#331619

#332F16

Tetradic

#162833

#2F1633

#332116

#193316

Color Blindness Simulation

Original

#162833

Protanopia

#1E1E30

Deuteranopia

#1D1B30

Tritanopia

#172E2E

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDDFE9
300
#AAC8DA
400
#7BAAC6
500
#4D8CB2
600
#3E708E
700
#315972
800
#264659
900
#1F3542
950
#14212A

Contrast Checker

Text on white

15.16:1

AA Pass AAA Pass

Text on black

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