#220300

#220300

Color Values

HEX

#220300

RGB

34, 3, 0

HSL

5.3, 100.0%, 6.7%

HSV

5.3, 100.0%, 13.3%

CMYK

0.0%, 91.2%, 100.0%, 86.7%

OKLCH

0.166 0.0581 35.1

Properties

Warm Dark Nearest: RAL 9005 Jet Black

Color Harmonies

Complementary

#220300

#001F22

Analogous

#22000E

#221400

#220300

Triadic

#220300

#002203

#030022

Split Complementary

#220300

#002214

#000E22

Tetradic

#220300

#0E2200

#001F22

#140022

Color Blindness Simulation

Original

#220300

Protanopia

#151401

Deuteranopia

#161901

Tritanopia

#200101

Achromatopsia

#090909

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FFBEB8
300
#FF8F85
400
#FF5342
500
#FF1700
600
#CC1200
700
#A30E00
800
#800B00
900
#5C0D05
950
#3A0803

Contrast Checker

Text on white

19.43:1

AA Pass AAA Pass

Text on black

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