#533283

#533283

Color Values

HEX

#533283

RGB

83, 50, 131

HSL

264,4, 44,8%, 35,5%

HSV

264,4, 61,8%, 51,4%

CMYK

36,6%, 61,8%, 0,0%, 48,6%

OKLCH

0,4003 0,1311 299,2

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#533283

#628332

Analogous

#323A83

#7C3283

#533283

Triadic

#533283

#835332

#328353

Split Complementary

#533283

#837C32

#3A8332

Tetradic

#533283

#83323A

#628332

#32837C

Color Blindness Simulation

Original

#533283

Protanopia

#45446F

Deuteranopia

#47496B

Tritanopia

#51605D

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D8CBEB
300
#BDA6DD
400
#9976CB
500
#7546B9
600
#5D3894
700
#4B2D76
800
#3A235C
900
#2D1D44
950
#1C122B

Contrast Checker

Text on white

9,76:1

AA Pass AAA Pass

Text on black

2,15: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