#162229

#162229

Color Values

HEX

#162229

RGB

22, 34, 41

HSL

202.1, 30.2%, 12.4%

HSV

202.1, 46.3%, 16.1%

CMYK

46.3%, 17.1%, 0.0%, 83.9%

OKLCH

0.244 0.0215 234.4

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#162229

#291D16

Analogous

#162927

#161929

#162229

Triadic

#162229

#291622

#222916

Split Complementary

#162229

#291619

#292716

Tetradic

#162229

#271629

#291D16

#192916

Color Blindness Simulation

Original

#162229

Protanopia

#1B1B27

Deuteranopia

#1A1A27

Tritanopia

#172626

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DEE6
300
#AFC7D4
400
#84A8BD
500
#598AA6
600
#476E85
700
#39586A
800
#2C4553
900
#23343E
950
#162127

Contrast Checker

Text on white

16.22:1

AA Pass AAA Pass

Text on black

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