#220C14

#220C14

Color Values

HEX

#220C14

RGB

34, 12, 20

HSL

338.2, 47.8%, 9.0%

HSV

338.2, 64.7%, 13.3%

CMYK

0.0%, 64.7%, 41.2%, 86.7%

OKLCH

0.1921 0.0394 358.4

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#220C14

#0C221A

Analogous

#220C1F

#220F0C

#220C14

Triadic

#220C14

#14220C

#0C1422

Split Complementary

#220C14

#0C220F

#0C1F22

Tetradic

#220C14

#1F220C

#0C221A

#0F0C22

Color Blindness Simulation

Original

#220C14

Protanopia

#181812

Deuteranopia

#1A1B12

Tritanopia

#211110

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#ECCAD7
300
#DFA5BA
400
#CE7494
500
#BC436F
600
#973559
700
#792B47
800
#5E2137
900
#451C2B
950
#2C111B

Contrast Checker

Text on white

18.57:1

AA Pass AAA Pass

Text on black

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