#531360

#531360

Color Values

HEX

#531360

RGB

83, 19, 96

HSL

289.9, 67.0%, 22.5%

HSV

289.9, 80.2%, 37.6%

CMYK

13.5%, 80.2%, 0.0%, 62.4%

OKLCH

0.3336 0.1357 320.2

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#531360

#206013

Analogous

#2C1360

#601346

#531360

Triadic

#531360

#605313

#136053

Split Complementary

#531360

#466013

#13602C

Tetradic

#531360

#602C13

#206013

#134660

Color Blindness Simulation

Original

#531360

Protanopia

#37374D

Deuteranopia

#3B4049

Tritanopia

#503F3B

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F4E3F7
200
#EBC3F3
300
#DD99EB
400
#CB61E0
500
#B82AD5
600
#9322AA
700
#761B88
800
#5C156A
900
#44134E
950
#2B0C31

Contrast Checker

Text on white

12.88:1

AA Pass AAA Pass

Text on black

1.63:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026