#522F56

#522F56

Color Values

HEX

#522F56

RGB

82, 47, 86

HSL

293.8, 29.3%, 26.1%

HSV

293.8, 45.3%, 33.7%

CMYK

4.7%, 45.3%, 0.0%, 66.3%

OKLCH

0.3651 0.0784 323.3

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#522F56

#33562F

Analogous

#3F2F56

#562F47

#522F56

Triadic

#522F56

#56522F

#2F5652

Split Complementary

#522F56

#47562F

#2F563F

Tetradic

#522F56

#563F2F

#33562F

#2F4756

Color Blindness Simulation

Original

#522F56

Protanopia

#43434D

Deuteranopia

#45484A

Tritanopia

#504543

Achromatopsia

#393939

CSS Usage

background-color: #522F56;
color: #522F56;
border-color: #522F56;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F9F5F9
100
#F1E9F2
200
#E4D1E6
300
#D0B0D4
400
#B785BC
500
#9D5AA5
600
#7E4884
700
#653A6A
800
#4F2D52
900
#3B243D
950
#251727

Contrast Checker

Text on white

11.05:1

AA Pass AAA Pass

Text on black

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