#533FC0

#533FC0

Color Values

HEX

#533FC0

RGB

83, 63, 192

HSL

249.3, 50.6%, 50.0%

HSV

249.3, 67.2%, 75.3%

CMYK

56.8%, 67.2%, 0.0%, 24.7%

OKLCH

0.4701 0.1918 283.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#533FC0

#ACC03F

Analogous

#3F6CC0

#933FC0

#533FC0

Triadic

#533FC0

#C0533F

#3FC053

Split Complementary

#533FC0

#C0933F

#6CC03F

Tetradic

#533FC0

#C03F6C

#ACC03F

#3FC093

Color Blindness Simulation

Original

#533FC0

Protanopia

#4A4AA1

Deuteranopia

#4C4D99

Tritanopia

#528883

Achromatopsia

#4D4D4D

CSS Usage

background-color: #533FC0;
color: #533FC0;
border-color: #533FC0;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CFC9ED
300
#ACA3E1
400
#8071D0
500
#533FC0
600
#42329A
700
#35287B
800
#291F60
900
#211A47
950
#15112D

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

2.84:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026