#522477

#522477

Color Values

HEX

#522477

RGB

82, 36, 119

HSL

273.3, 53.5%, 30.4%

HSV

273.3, 69.7%, 46.7%

CMYK

31.1%, 69.7%, 0.0%, 53.3%

OKLCH

0.3691 0.1371 306.2

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#522477

#497724

Analogous

#292477

#772472

#522477

Triadic

#522477

#775224

#247752

Split Complementary

#522477

#727724

#247729

Tetradic

#522477

#772924

#497724

#247277

Color Blindness Simulation

Original

#522477

Protanopia

#3E3E63

Deuteranopia

#41445E

Tritanopia

#505350

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC8EE
300
#C5A1E3
400
#A66ED3
500
#873BC4
600
#6C2F9D
700
#56267D
800
#441E62
900
#331948
950
#20102D

Contrast Checker

Text on white

11.19:1

AA Pass AAA Pass

Text on black

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