#521887

#521887

Color Values

HEX

#521887

RGB

82, 24, 135

HSL

271.4, 69.8%, 31.2%

HSV

271.4, 82.2%, 52.9%

CMYK

39.3%, 82.2%, 0.0%, 47.1%

OKLCH

0.369 0.1689 302.0

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#521887

#4D8718

Analogous

#1B1887

#871885

#521887

Triadic

#521887

#875218

#188752

Split Complementary

#521887

#858718

#18871B

Tetradic

#521887

#871B18

#4D8718

#188587

Color Blindness Simulation

Original

#521887

Protanopia

#39386C

Deuteranopia

#3C4166

Tritanopia

#4F5752

Achromatopsia

#2C2C2C

CSS Usage

background-color: #521887;
color: #521887;
border-color: #521887;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DCC2F4
300
#C497ED
400
#A45FE3
500
#8427D8
600
#691FAD
700
#54198B
800
#42136C
900
#32124F
950
#1F0B32

Contrast Checker

Text on white

11.42:1

AA Pass AAA Pass

Text on black

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