#2822DD

#2822DD

Color Values

HEX

#2822DD

RGB

40, 34, 221

HSL

241.9, 73.3%, 50.0%

HSV

241.9, 84.6%, 86.7%

CMYK

81.9%, 84.6%, 0.0%, 13.3%

OKLCH

0.4363 0.2606 269.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2822DD

#D7DD22

Analogous

#227ADD

#8522DD

#2822DD

Triadic

#2822DD

#DD2822

#22DD28

Split Complementary

#2822DD

#DD8522

#7ADD22

Tetradic

#2822DD

#DD227A

#D7DD22

#22DD85

Color Blindness Simulation

Original

#2822DD

Protanopia

#2525B0

Deuteranopia

#2626A5

Tritanopia

#288C84

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C3C1F5
300
#9895EF
400
#605BE6
500
#2822DD
600
#201BB1
700
#1A168D
800
#14116E
900
#131050
950
#0C0A33

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

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