#503BC4

#503BC4

Color Values

HEX

#503BC4

RGB

80, 59, 196

HSL

249.2, 53.7%, 50.0%

HSV

249.2, 69.9%, 76.9%

CMYK

59.2%, 69.9%, 0.0%, 23.1%

OKLCH

0.4652 0.2017 282.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#503BC4

#AFC43B

Analogous

#3B6BC4

#943BC4

#503BC4

Triadic

#503BC4

#C4503B

#3BC450

Split Complementary

#503BC4

#C4943B

#6BC43B

Tetradic

#503BC4

#C43B6B

#AFC43B

#3BC494

Color Blindness Simulation

Original

#503BC4

Protanopia

#4747A3

Deuteranopia

#484A9B

Tritanopia

#4F8983

Achromatopsia

#494949

CSS Usage

background-color: #503BC4;
color: #503BC4;
border-color: #503BC4;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC8EE
300
#ABA1E3
400
#7E6ED3
500
#503BC4
600
#402F9D
700
#33267D
800
#281E62
900
#201948
950
#14102D

Contrast Checker

Text on white

7.6:1

AA Pass AAA Pass

Text on black

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