#533172

#533172

Color Values

HEX

#533172

RGB

83, 49, 114

HSL

271.4, 39.9%, 32.0%

HSV

271.4, 57.0%, 44.7%

CMYK

27.2%, 57.0%, 0.0%, 55.3%

OKLCH

0.3867 0.1106 306.0

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#533172

#507231

Analogous

#333172

#723171

#533172

Triadic

#533172

#725331

#317253

Split Complementary

#533172

#717231

#317233

Tetradic

#533172

#723331

#507231

#317172

Color Blindness Simulation

Original

#533172

Protanopia

#444462

Deuteranopia

#46495E

Tritanopia

#515653

Achromatopsia

#3D3D3D

CSS Usage

background-color: #533172;
color: #533172;
border-color: #533172;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DCCDEA
300
#C3A9DA
400
#A27BC6
500
#824DB2
600
#683D8F
700
#533172
800
#412659
900
#311F42
950
#1F142A

Contrast Checker

Text on white

10.24:1

AA Pass AAA Pass

Text on black

2.05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026