#220412

#220412

Color Values

HEX

#220412

RGB

34, 4, 18

HSL

332.0, 78.9%, 7.5%

HSV

332.0, 88.2%, 13.3%

CMYK

0.0%, 88.2%, 47.1%, 86.7%

OKLCH

0.1751 0.0567 354.4

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#220412

#042214

Analogous

#220421

#220504

#220412

Triadic

#220412

#122204

#041222

Split Complementary

#220412

#042205

#042122

Tetradic

#220412

#212204

#042214

#050422

Color Blindness Simulation

Original

#220412

Protanopia

#15150F

Deuteranopia

#17190E

Tritanopia

#200C0B

Achromatopsia

#0B0B0B

CSS Usage

background-color: #220412;
color: #220412;
border-color: #220412;
Nearest Tailwind: Zinc 900 #18181B

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7BFD9
300
#F292BF
400
#EB569C
500
#E41B79
600
#B61661
700
#92114D
800
#720D3C
900
#530E2E
950
#34091D

Contrast Checker

Text on white

19.19:1

AA Pass AAA Pass

Text on black

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