#530837

#530837

Color Values

HEX

#530837

RGB

83, 8, 55

HSL

322.4, 82.4%, 17.8%

HSV

322.4, 90.4%, 32.5%

CMYK

0.0%, 90.4%, 33.7%, 67.5%

OKLCH

0.2992 0.1149 348.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#530837

#085324

Analogous

#490853

#530811

#530837

Triadic

#530837

#375308

#083753

Split Complementary

#530837

#115308

#085349

Tetradic

#530837

#534908

#085324

#081153

Color Blindness Simulation

Original

#530837

Protanopia

#33322C

Deuteranopia

#373C29

Tritanopia

#4F2321

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FAE1F0
200
#F9BEE3
300
#F48FCF
400
#EE53B4
500
#E9169A
600
#BA127B
700
#950E63
800
#740B4D
900
#540D3A
950
#350824

Contrast Checker

Text on white

14.41:1

AA Pass AAA Pass

Text on black

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