#220102

#220102

Color Values

HEX

#220102

RGB

34, 1, 2

HSL

358.2, 94.3%, 6.9%

HSV

358.2, 97.1%, 13.3%

CMYK

0.0%, 97.1%, 94.1%, 86.7%

OKLCH

0.1617 0.0615 24.8

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#220102

#012221

Analogous

#220113

#221101

#220102

Triadic

#220102

#022201

#010222

Split Complementary

#220102

#012211

#011322

Tetradic

#220102

#132201

#012221

#110122

Color Blindness Simulation

Original

#220102

Protanopia

#141302

Deuteranopia

#161802

Tritanopia

#200202

Achromatopsia

#080808

CSS Usage

background-color: #220102;
color: #220102;
border-color: #220102;
Nearest Tailwind: Stone 950 #0C0A09

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FDBABC
300
#FC888C
400
#FA484D
500
#F8070E
600
#C6060C
700
#9F0509
800
#7C0407
900
#5A070A
950
#390506

Contrast Checker

Text on white

19.57:1

AA Pass AAA Pass

Text on black

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