#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

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