#220314

#220314

Color Values

HEX

#220314

RGB

34, 3, 20

HSL

327.1, 83.8%, 7.3%

HSV

327.1, 91.2%, 13.3%

CMYK

0.0%, 91.2%, 41.2%, 86.7%

OKLCH

0.1739 0.0608 349.7

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#220314

#032211

Analogous

#210322

#220305

#220314

Triadic

#220314

#142203

#031422

Split Complementary

#220314

#052203

#032221

Tetradic

#220314

#222103

#032211

#030522

Color Blindness Simulation

Original

#220314

Protanopia

#151410

Deuteranopia

#16190F

Tritanopia

#200D0C

Achromatopsia

#0B0B0B

CSS Usage

background-color: #220314;
color: #220314;
border-color: #220314;
Nearest Tailwind: Slate 950 #020617

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#F9BDDE
300
#F58FC7
400
#F052A8
500
#EA158A
600
#BB116E
700
#960D58
800
#750A45
900
#550C34
950
#360821

Contrast Checker

Text on white

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