#583FC0

#583FC0

Color Values

HEX

#583FC0

RGB

88, 63, 192

HSL

251.6, 50.6%, 50.0%

HSV

251.6, 67.2%, 75.3%

CMYK

54.2%, 67.2%, 0.0%, 24.7%

OKLCH

0.4744 0.1912 285.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#583FC0

#A7C03F

Analogous

#3F67C0

#983FC0

#583FC0

Triadic

#583FC0

#C0583F

#3FC058

Split Complementary

#583FC0

#C0983F

#67C03F

Tetradic

#583FC0

#C03F67

#A7C03F

#3FC098

Color Blindness Simulation

Original

#583FC0

Protanopia

#4D4DA1

Deuteranopia

#4F5099

Tritanopia

#578883

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#D0C9ED
300
#AFA3E1
400
#8371D0
500
#583FC0
600
#46329A
700
#38287B
800
#2C1F60
900
#231A47
950
#16112D

Contrast Checker

Text on white

7.27:1

AA Pass AAA Pass

Text on black

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