#2222DD

#2222DD

Color Values

HEX

#2222DD

RGB

34, 34, 221

HSL

240.0, 73.3%, 50.0%

HSV

240.0, 84.6%, 86.7%

CMYK

84.6%, 84.6%, 0.0%, 13.3%

OKLCH

0.4338 0.262 268.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2222DD

#DDDD22

Analogous

#2280DD

#8022DD

#2222DD

Triadic

#2222DD

#DD2222

#22DD22

Split Complementary

#2222DD

#DD8022

#80DD22

Tetradic

#2222DD

#DD2280

#DDDD22

#22DD80

Color Blindness Simulation

Original

#2222DD

Protanopia

#2222B0

Deuteranopia

#2222A5

Tritanopia

#228C84

Achromatopsia

#303030

CSS Usage

background-color: #2222DD;
color: #2222DD;
border-color: #2222DD;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C1C1F5
300
#9595EF
400
#5B5BE6
500
#2222DD
600
#1B1BB1
700
#16168D
800
#11116E
900
#101050
950
#0A0A33

Contrast Checker

Text on white

8.97:1

AA Pass AAA Pass

Text on black

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