#533073

#533073

Color Values

HEX

#533073

RGB

83, 48, 115

HSL

271.3, 41.1%, 32.0%

HSV

271.3, 58.3%, 45.1%

CMYK

27.8%, 58.3%, 0.0%, 54.9%

OKLCH

0.3857 0.1136 305.9

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#533073

#507330

Analogous

#323073

#733072

#533073

Triadic

#533073

#735330

#307353

Split Complementary

#533073

#727330

#307332

Tetradic

#533073

#733230

#507330

#307273

Color Blindness Simulation

Original

#533073

Protanopia

#444463

Deuteranopia

#46485F

Tritanopia

#515653

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DCCDEA
300
#C3A9DB
400
#A27AC7
500
#824BB4
600
#683C90
700
#533073
800
#41265A
900
#311F42
950
#1F132A

Contrast Checker

Text on white

10.3:1

AA Pass AAA Pass

Text on black

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