#22022C

#22022C

Color Values

HEX

#22022C

RGB

34, 2, 44

HSL

285.7, 91.3%, 9.0%

HSV

285.7, 95.5%, 17.3%

CMYK

22.7%, 95.5%, 0.0%, 82.7%

OKLCH

0.1896 0.0856 317.0

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#22022C

#0C2C02

Analogous

#0D022C

#2C0221

#22022C

Triadic

#22022C

#2C2202

#022C22

Split Complementary

#22022C

#212C02

#022C0D

Tetradic

#22022C

#2C0D02

#0C2C02

#02212C

Color Blindness Simulation

Original

#22022C

Protanopia

#141422

Deuteranopia

#16181F

Tritanopia

#201A18

Achromatopsia

#0C0C0C

CSS Usage

background-color: #22022C;
color: #22022C;
border-color: #22022C;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FAF1FD
100
#F4DFFB
200
#ECBBFC
300
#DF8AFA
400
#CE4BF7
500
#BC0BF4
600
#9709C3
700
#79079C
800
#5E067A
900
#450958
950
#2C0538

Contrast Checker

Text on white

18.87:1

AA Pass AAA Pass

Text on black

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