#522370

#522370

Color Values

HEX

#522370

RGB

82, 35, 112

HSL

276,6, 52,4%, 28,8%

HSV

276,6, 68,8%, 43,9%

CMYK

26,8%, 68,8%, 0,0%, 56,1%

OKLCH

0,3625 0,1305 309,4

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#522370

#417023

Analogous

#2B2370

#702367

#522370

Triadic

#522370

#705223

#237052

Split Complementary

#522370

#677023

#23702B

Tetradic

#522370

#702B23

#417023

#236770

Color Blindness Simulation

Original

#522370

Protanopia

#3E3D5D

Deuteranopia

#404459

Tritanopia

#504F4B

Achromatopsia

#333333

CSS Usage

background-color: #522370;
color: #522370;
border-color: #522370;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#DFC9EE
300
#C9A2E2
400
#AC6FD2
500
#8E3DC2
600
#72319B
700
#5B277C
800
#471E61
900
#351A47
950
#22102D

Contrast Checker

Text on white

11,46:1

AA Pass AAA Pass

Text on black

1,83:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026