#5158F0

#5158F0

Color Values

HEX

#5158F0

RGB

81, 88, 240

HSL

237.4, 84.1%, 62.9%

HSV

237.4, 66.2%, 94.1%

CMYK

66.2%, 63.3%, 0.0%, 5.9%

OKLCH

0.5495 0.2234 274.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5158F0

#F0E951

Analogous

#51A7F0

#9951F0

#5158F0

Triadic

#5158F0

#F05158

#58F051

Split Complementary

#5158F0

#F09951

#A7F051

Tetradic

#5158F0

#F051A7

#F0E951

#51F099

Color Blindness Simulation

Original

#5158F0

Protanopia

#5454CB

Deuteranopia

#5453C2

Tritanopia

#51AEA8

Achromatopsia

#616161

CSS Usage

background-color: #5158F0;
color: #5158F0;
border-color: #5158F0;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDC0F9
300
#8E93F5
400
#5158F0
500
#141EEB
600
#1018BC
700
#0D1396
800
#0A0F75
900
#0C0F55
950
#070936

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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