#522080

#522080

Color Values

HEX

#522080

RGB

82, 32, 128

HSL

271.2, 60.0%, 31.4%

HSV

271.2, 75.0%, 50.2%

CMYK

35.9%, 75.0%, 0.0%, 49.8%

OKLCH

0.3713 0.1526 303.4

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#522080

#4E8020

Analogous

#222080

#80207E

#522080

Triadic

#522080

#805220

#208052

Split Complementary

#522080

#7E8020

#208022

Tetradic

#522080

#802220

#4E8020

#207E80

Color Blindness Simulation

Original

#522080

Protanopia

#3C3C69

Deuteranopia

#3F4363

Tritanopia

#4F5652

Achromatopsia

#323232

CSS Usage

background-color: #522080;
color: #522080;
border-color: #522080;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DCC6F1
300
#C39DE7
400
#A368D9
500
#8333CC
600
#6829A3
700
#542183
800
#411A66
900
#31164B
950
#1F0E2F

Contrast Checker

Text on white

11.19:1

AA Pass AAA Pass

Text on black

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