#220502

#220502

Color Values

HEX

#220502

RGB

34, 5, 2

HSL

5.6, 88.9%, 7.1%

HSV

5.6, 94.1%, 13.3%

CMYK

0.0%, 85.3%, 94.1%, 86.7%

OKLCH

0.1715 0.0528 32.9

Properties

Warm Dark Nearest: RAL 9005 Jet Black

Color Harmonies

Complementary

#220502

#021F22

Analogous

#22020F

#221502

#220502

Triadic

#220502

#022205

#050222

Split Complementary

#220502

#022215

#020F22

Tetradic

#220502

#0F2202

#021F22

#150222

Color Blindness Simulation

Original

#220502

Protanopia

#151503

Deuteranopia

#171903

Tritanopia

#210303

Achromatopsia

#0B0B0B

CSS Usage

background-color: #220502;
color: #220502;
border-color: #220502;
Nearest Tailwind: Stone 900 #1C1917

Tailwind Shades

50
#FDF3F2
100
#FBE2E0
200
#FBC1BC
300
#F8968B
400
#F55C4D
500
#F1230E
600
#C11C0B
700
#9A1709
800
#781207
900
#57110A
950
#370B06

Contrast Checker

Text on white

19.26:1

AA Pass AAA Pass

Text on black

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