#522E65

#522E65

Color Values

HEX

#522E65

RGB

82, 46, 101

HSL

279.3, 37.4%, 28.8%

HSV

279.3, 54.5%, 39.6%

CMYK

18.8%, 54.5%, 0.0%, 60.4%

OKLCH

0.372 0.0988 312.7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#522E65

#41652E

Analogous

#362E65

#652E5C

#522E65

Triadic

#522E65

#65522E

#2E6552

Split Complementary

#522E65

#5C652E

#2E6536

Tetradic

#522E65

#65362E

#41652E

#2E5C65

Color Blindness Simulation

Original

#522E65

Protanopia

#424258

Deuteranopia

#444754

Tritanopia

#504D4B

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#DFCEE9
300
#C9ABD9
400
#AC7DC4
500
#8E50AF
600
#72408C
700
#5B3370
800
#472858
900
#362041
950
#221429

Contrast Checker

Text on white

10.84:1

AA Pass AAA Pass

Text on black

1.94:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026