#522982

#522982

Color Values

HEX

#522982

RGB

82, 41, 130

HSL

267.6, 52.0%, 33.5%

HSV

267.6, 68.5%, 51.0%

CMYK

36.9%, 68.5%, 0.0%, 49.0%

OKLCH

0.3847 0.143 301.0

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#522982

#598229

Analogous

#292D82

#7E2982

#522982

Triadic

#522982

#825229

#298252

Split Complementary

#522982

#827E29

#2D8229

Tetradic

#522982

#82292D

#598229

#29827E

Color Blindness Simulation

Original

#522982

Protanopia

#40406C

Deuteranopia

#434667

Tritanopia

#505B58

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DAC9EE
300
#BFA2E2
400
#9D70D2
500
#7A3DC2
600
#62319B
700
#4E277C
800
#3D1F61
900
#2F1A47
950
#1D102D

Contrast Checker

Text on white

10.51:1

AA Pass AAA Pass

Text on black

2.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026