#515CF1

#515CF1

Color Values

HEX

#515CF1

RGB

81, 92, 241

HSL

235.9, 85.1%, 63.1%

HSV

235.9, 66.4%, 94.5%

CMYK

66.4%, 61.8%, 0.0%, 5.5%

OKLCH

0.557 0.2201 273.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#515CF1

#F1E651

Analogous

#51ACF1

#9651F1

#515CF1

Triadic

#515CF1

#F1515C

#5CF151

Split Complementary

#515CF1

#F19651

#ACF151

Tetradic

#515CF1

#F151AC

#F1E651

#51F196

Color Blindness Simulation

Original

#515CF1

Protanopia

#5656CD

Deuteranopia

#5554C4

Tritanopia

#52B0AA

Achromatopsia

#646464

CSS Usage

background-color: #515CF1;
color: #515CF1;
border-color: #515CF1;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BDC1FA
300
#8E95F6
400
#505BF1
500
#1322EC
600
#0F1BBD
700
#0C1697
800
#091176
900
#0B1056
950
#070A36

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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