#22202B

#22202B

Color Values

HEX

#22202B

RGB

34, 32, 43

HSL

250.9, 14.7%, 14.7%

HSV

250.9, 25.6%, 16.9%

CMYK

20.9%, 25.6%, 0.0%, 83.1%

OKLCH

0.2507 0.0208 293.2

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#22202B

#292B20

Analogous

#20232B

#27202B

#22202B

Triadic

#22202B

#2B2220

#202B22

Split Complementary

#22202B

#2B2720

#232B20

Tetradic

#22202B

#2B2023

#292B20

#202B27

Color Blindness Simulation

Original

#22202B

Protanopia

#212128

Deuteranopia

#212128

Tritanopia

#222626

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D8D6E1
300
#BCB9CB
400
#9893AF
500
#746D92
600
#5C5775
700
#4A465E
800
#3A3649
900
#2C2A37
950
#1C1B23

Contrast Checker

Text on white

16.04:1

AA Pass AAA Pass

Text on black

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