#220022

#220022

Color Values

HEX

#220022

RGB

34, 0, 34

HSL

300.0, 100.0%, 6.7%

HSV

300.0, 100.0%, 13.3%

CMYK

0.0%, 100.0%, 0.0%, 86.7%

OKLCH

0.1768 0.0813 328.4

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#220022

#002200

Analogous

#110022

#220011

#220022

Triadic

#220022

#222200

#002222

Split Complementary

#220022

#112200

#002211

Tetradic

#220022

#221100

#002200

#001122

Color Blindness Simulation

Original

#220022

Protanopia

#13131A

Deuteranopia

#151818

Tritanopia

#201312

Achromatopsia

#0A0A0A

CSS Usage

background-color: #220022;
color: #220022;
border-color: #220022;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FFB8FF
300
#FF85FF
400
#FF42FF
500
#FF00FF
600
#CC00CC
700
#A300A3
800
#800080
900
#5C055C
950
#3A033A

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

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