#522AF4

#522AF4

Color Values

HEX

#522AF4

RGB

82, 42, 244

HSL

251.9, 90.2%, 56.1%

HSV

251.9, 82.8%, 95.7%

CMYK

66.4%, 82.8%, 0.0%, 4.3%

OKLCH

0.4951 0.2701 279.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#522AF4

#CCF42A

Analogous

#2A67F4

#B72AF4

#522AF4

Triadic

#522AF4

#F4522A

#2AF452

Split Complementary

#522AF4

#F4B72A

#67F42A

Tetradic

#522AF4

#F42A67

#CCF42A

#2AF4B7

Color Blindness Simulation

Original

#522AF4

Protanopia

#4140C3

Deuteranopia

#4346B7

Tritanopia

#509C94

Achromatopsia

#414141

CSS Usage

background-color: #522AF4;
color: #522AF4;
border-color: #522AF4;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F1FD
100
#E5DFFB
200
#C8BBFC
300
#A08BF9
400
#6D4CF6
500
#3A0CF3
600
#2E0AC2
700
#25089B
800
#1D0679
900
#190958
950
#100637

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

3.0:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026