#221522

#221522

Color Values

HEX

#221522

RGB

34, 21, 34

HSL

300.0, 23.6%, 10.8%

HSV

300.0, 38.2%, 13.3%

CMYK

0.0%, 38.2%, 0.0%, 86.7%

OKLCH

0.2186 0.0316 326.6

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#221522

#152215

Analogous

#1C1522

#22151C

#221522

Triadic

#221522

#222215

#152222

Split Complementary

#221522

#1C2215

#15221C

Tetradic

#221522

#221C15

#152215

#151C22

Color Blindness Simulation

Original

#221522

Protanopia

#1C1C1F

Deuteranopia

#1D1E1E

Tritanopia

#211C1C

Achromatopsia

#191919

CSS Usage

background-color: #221522;
color: #221522;
border-color: #221522;
Nearest Tailwind: Gray 900 #111827

Tailwind Shades

50
#F9F6F9
100
#F1EAF1
200
#E4D3E4
300
#D0B3D0
400
#B78AB7
500
#9E619E
600
#7E4E7E
700
#653E65
800
#4F314F
900
#3B263B
950
#251825

Contrast Checker

Text on white

17.52:1

AA Pass AAA Pass

Text on black

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