#522674

#522674

Color Values

HEX

#522674

RGB

82, 38, 116

HSL

273.8, 50.6%, 30.2%

HSV

273.8, 67.2%, 45.5%

CMYK

29.3%, 67.2%, 0.0%, 54.5%

OKLCH

0.3696 0.1306 307.1

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#522674

#487426

Analogous

#2B2674

#74266F

#522674

Triadic

#522674

#745226

#267452

Split Complementary

#522674

#6F7426

#26742B

Tetradic

#522674

#742B26

#487426

#266F74

Color Blindness Simulation

Original

#522674

Protanopia

#3F3F61

Deuteranopia

#42455D

Tritanopia

#50524F

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DEC9ED
300
#C6A3E1
400
#A771D0
500
#883FC0
600
#6D329A
700
#57287B
800
#441F60
900
#331A47
950
#20112D

Contrast Checker

Text on white

11.12:1

AA Pass AAA Pass

Text on black

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