#531337

#531337

Color Values

HEX

#531337

RGB

83, 19, 55

HSL

326.2, 62.7%, 20.0%

HSV

326.2, 77.1%, 32.5%

CMYK

0.0%, 77.1%, 33.7%, 67.5%

OKLCH

0.309 0.1021 350.2

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#531337

#13532F

Analogous

#4F1353

#531317

#531337

Triadic

#531337

#375313

#133753

Split Complementary

#531337

#175313

#13534F

Tetradic

#531337

#534F13

#13532F

#131753

Color Blindness Simulation

Original

#531337

Protanopia

#37372E

Deuteranopia

#3B402C

Tritanopia

#502726

Achromatopsia

#232323

CSS Usage

background-color: #531337;
color: #531337;
border-color: #531337;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DE
300
#E89BC7
400
#DC65A8
500
#CF308A
600
#A6266E
700
#851E58
800
#681845
900
#4C1534
950
#300D21

Contrast Checker

Text on white

13.85:1

AA Pass AAA Pass

Text on black

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