#522B50

#522B50

Color Values

HEX

#522B50

RGB

82, 43, 80

HSL

303.1, 31.2%, 24.5%

HSV

303.1, 47.6%, 32.2%

CMYK

0.0%, 47.6%, 2.4%, 67.8%

OKLCH

0.3548 0.0796 329.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#522B50

#2B522D

Analogous

#402B52

#522B3C

#522B50

Triadic

#522B50

#50522B

#2B5052

Split Complementary

#522B50

#3C522B

#2B5240

Tetradic

#522B50

#52402B

#2B522D

#2B3C52

Color Blindness Simulation

Original

#522B50

Protanopia

#414147

Deuteranopia

#434645

Tritanopia

#50403E

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E8F1
200
#E6D0E5
300
#D5AFD3
400
#BE83BB
500
#A758A3
600
#864683
700
#6B3868
800
#542C52
900
#3E233D
950
#271626

Contrast Checker

Text on white

11.54:1

AA Pass AAA Pass

Text on black

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