#531857

#531857

Color Values

HEX

#531857

RGB

83, 24, 87

HSL

296.2, 56.8%, 21.8%

HSV

296.2, 72.4%, 34.1%

CMYK

4.6%, 72.4%, 0.0%, 65.9%

OKLCH

0.3325 0.1207 325.2

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#531857

#1C5718

Analogous

#341857

#57183C

#531857

Triadic

#531857

#575318

#185753

Split Complementary

#531857

#3C5718

#185734

Tetradic

#531857

#573418

#1C5718

#183C57

Color Blindness Simulation

Original

#531857

Protanopia

#393948

Deuteranopia

#3D4144

Tritanopia

#503C39

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F6
200
#EDC7F0
300
#E09FE5
400
#CF6BD6
500
#BF37C8
600
#992CA0
700
#7A2380
800
#5F1C64
900
#461849
950
#2C0F2E

Contrast Checker

Text on white

12.84:1

AA Pass AAA Pass

Text on black

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