#220202

#220202

Color Values

HEX

#220202

RGB

34, 2, 2

HSL

0.0, 88.9%, 7.1%

HSV

0.0, 94.1%, 13.3%

CMYK

0.0%, 94.1%, 94.1%, 86.7%

OKLCH

0.1642 0.059 26.7

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#220202

#022222

Analogous

#220212

#221202

#220202

Triadic

#220202

#022202

#020222

Split Complementary

#220202

#022212

#021222

Tetradic

#220202

#122202

#022222

#120222

Color Blindness Simulation

Original

#220202

Protanopia

#141402

Deuteranopia

#161802

Tritanopia

#200202

Achromatopsia

#090909

CSS Usage

background-color: #220202;
color: #220202;
border-color: #220202;
Nearest Tailwind: Stone 950 #0C0A09

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBC
300
#F88B8B
400
#F54D4D
500
#F10E0E
600
#C10B0B
700
#9A0909
800
#780707
900
#570A0A
950
#370606

Contrast Checker

Text on white

19.49:1

AA Pass AAA Pass

Text on black

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