#522659

#522659

Color Values

HEX

#522659

RGB

82, 38, 89

HSL

291.8, 40.2%, 24.9%

HSV

291.8, 57.3%, 34.9%

CMYK

7.9%, 57.3%, 0.0%, 65.1%

OKLCH

0.3514 0.0992 322.0

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#522659

#2D5926

Analogous

#392659

#592646

#522659

Triadic

#522659

#595226

#265952

Split Complementary

#522659

#465926

#265939

Tetradic

#522659

#593926

#2D5926

#264659

Color Blindness Simulation

Original

#522659

Protanopia

#3F3F4D

Deuteranopia

#42454A

Tritanopia

#504341

Achromatopsia

#333333

CSS Usage

background-color: #522659;
color: #522659;
border-color: #522659;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E6CDEA
300
#D4A9DA
400
#BC7BC7
500
#A54CB3
600
#843D8F
700
#693172
800
#522659
900
#3D1F42
950
#27142A

Contrast Checker

Text on white

11.8:1

AA Pass AAA Pass

Text on black

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