#5162F0

#5162F0

Color Values

HEX

#5162F0

RGB

81, 98, 240

HSL

233.6, 84.1%, 62.9%

HSV

233.6, 66.2%, 94.1%

CMYK

66.2%, 59.2%, 0.0%, 5.9%

OKLCH

0.5665 0.2118 272.5

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5162F0

#F0DF51

Analogous

#51B1F0

#8F51F0

#5162F0

Triadic

#5162F0

#F05162

#62F051

Split Complementary

#5162F0

#F08F51

#B1F051

Tetradic

#5162F0

#F051B1

#F0DF51

#51F08F

Color Blindness Simulation

Original

#5162F0

Protanopia

#5859CE

Deuteranopia

#5756C5

Tritanopia

#52B2AD

Achromatopsia

#696969

CSS Usage

background-color: #5162F0;
color: #5162F0;
border-color: #5162F0;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BDC4F9
300
#8E99F5
400
#5162F0
500
#142BEB
600
#1023BC
700
#0D1C96
800
#0A1675
900
#0C1455
950
#070C36

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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