#5337C8

#5337C8

Color Values

HEX

#5337C8

RGB

83, 55, 200

HSL

251.6, 56.9%, 50.0%

HSV

251.6, 72.5%, 78.4%

CMYK

58.5%, 72.5%, 0.0%, 21.6%

OKLCH

0.4659 0.2104 283.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#5337C8

#ACC837

Analogous

#3763C8

#9C37C8

#5337C8

Triadic

#5337C8

#C85337

#37C853

Split Complementary

#5337C8

#C89C37

#63C837

Tetradic

#5337C8

#C83763

#ACC837

#37C89C

Color Blindness Simulation

Original

#5337C8

Protanopia

#4747A5

Deuteranopia

#484B9C

Tritanopia

#528983

Achromatopsia

#474747

CSS Usage

background-color: #5337C8;
color: #5337C8;
border-color: #5337C8;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F5F4FB
100
#E8E5F6
200
#CFC7F0
300
#AC9FE5
400
#806BD6
500
#5337C8
600
#422CA0
700
#352380
800
#2A1B64
900
#211849
950
#150F2E

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

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