#220421

#220421

Color Values

HEX

#220421

RGB

34, 4, 33

HSL

302.0, 78.9%, 7.5%

HSV

302.0, 88.2%, 13.3%

CMYK

0.0%, 88.2%, 2.9%, 86.7%

OKLCH

0.1842 0.0694 329.3

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#220421

#042205

Analogous

#140422

#220412

#220421

Triadic

#220421

#212204

#042122

Split Complementary

#220421

#122204

#042214

Tetradic

#220421

#221404

#042205

#041222

Color Blindness Simulation

Original

#220421

Protanopia

#15151A

Deuteranopia

#171918

Tritanopia

#201413

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F8
200
#F7BFF6
300
#F292EF
400
#EB56E6
500
#E41BDD
600
#B616B1
700
#92118E
800
#720D6F
900
#530E51
950
#340933

Contrast Checker

Text on white

18.96:1

AA Pass AAA Pass

Text on black

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