#822EB1

#822EB1

Color Values

HEX

#822EB1

RGB

130, 46, 177

HSL

278.5, 58.7%, 43.7%

HSV

278.5, 74.0%, 69.4%

CMYK

26.6%, 74.0%, 0.0%, 30.6%

OKLCH

0.4875 0.1994 310.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#822EB1

#5DB12E

Analogous

#412EB1

#B12E9E

#822EB1

Triadic

#822EB1

#B1822E

#2EB182

Split Complementary

#822EB1

#9EB12E

#2EB141

Tetradic

#822EB1

#B1412E

#5DB12E

#2E9EB1

Color Blindness Simulation

Original

#822EB1

Protanopia

#5E5D91

Deuteranopia

#62698A

Tritanopia

#7E7873

Achromatopsia

#494949

CSS Usage

background-color: #822EB1;
color: #822EB1;
border-color: #822EB1;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#F0E4F6
200
#E1C6F0
300
#CC9EE6
400
#B069D8
500
#9535CA
600
#772AA2
700
#5F2281
800
#4A1A65
900
#38174A
950
#230E2F

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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