#220321

#220321

Color Values

HEX

#220321

RGB

34, 3, 33

HSL

301,9, 83,8%, 7,3%

HSV

301,9, 91,2%, 13,3%

CMYK

0,0%, 91,2%, 2,9%, 86,7%

OKLCH

0,1822 0,072 329,4

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#220321

#032204

Analogous

#140322

#220312

#220321

Triadic

#220321

#212203

#032122

Split Complementary

#220321

#122203

#032214

Tetradic

#220321

#221403

#032204

#031222

Color Blindness Simulation

Original

#220321

Protanopia

#15141A

Deuteranopia

#161918

Tritanopia

#201413

Achromatopsia

#0C0C0C

CSS Usage

background-color: #220321;
color: #220321;
border-color: #220321;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FDF2FC
100
#FAE0F9
200
#F9BDF7
300
#F58FF2
400
#F052EB
500
#EA15E4
600
#BB11B6
700
#960D92
800
#750A72
900
#550C53
950
#360834

Contrast Checker

Text on white

19,04:1

AA Pass AAA Pass

Text on black

1,1:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026