#22014D

#22014D

Color Values

HEX

#22014D

RGB

34, 1, 77

HSL

266.1, 97.4%, 15.3%

HSV

266.1, 98.7%, 30.2%

CMYK

55.8%, 98.7%, 0.0%, 69.8%

OKLCH

0.2242 0.122 293.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#22014D

#2C4D01

Analogous

#01064D

#48014D

#22014D

Triadic

#22014D

#4D2201

#014D22

Split Complementary

#22014D

#4D4801

#064D01

Tetradic

#22014D

#4D0106

#2C4D01

#014D48

Color Blindness Simulation

Original

#22014D

Protanopia

#14133B

Deuteranopia

#161836

Tritanopia

#202C29

Achromatopsia

#0E0E0E

CSS Usage

background-color: #22014D;
color: #22014D;
border-color: #22014D;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F1FE
100
#EBDEFC
200
#D7B9FE
300
#BA86FD
400
#9545FD
500
#6F03FC
600
#5903C9
700
#4702A1
800
#38027E
900
#2B065B
950
#1B0439

Contrast Checker

Text on white

17.8:1

AA Pass AAA Pass

Text on black

1.18:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026