#531656

#531656

Color Values

HEX

#531656

RGB

83, 22, 86

HSL

297.2, 59.3%, 21.2%

HSV

297.2, 74.4%, 33.7%

CMYK

3.5%, 74.4%, 0.0%, 66.3%

OKLCH

0.3296 0.1226 325.9

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#531656

#195616

Analogous

#331656

#561639

#531656

Triadic

#531656

#565316

#165653

Split Complementary

#531656

#395616

#165633

Tetradic

#531656

#563316

#195616

#163956

Color Blindness Simulation

Original

#531656

Protanopia

#393847

Deuteranopia

#3C4143

Tritanopia

#503A38

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F5E4F6
200
#EEC6F0
300
#E39EE6
400
#D369D9
500
#C434CB
600
#9D2AA2
700
#7D2182
800
#621A66
900
#48174A
950
#2D0E2F

Contrast Checker

Text on white

12.99:1

AA Pass AAA Pass

Text on black

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