#5161F0

#5161F0

Color Values

HEX

#5161F0

RGB

81, 97, 240

HSL

234.0, 84.1%, 62.9%

HSV

234.0, 66.2%, 94.1%

CMYK

66.2%, 59.6%, 0.0%, 5.9%

OKLCH

0.5647 0.213 272.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5161F0

#F0E051

Analogous

#51B0F0

#9051F0

#5161F0

Triadic

#5161F0

#F05161

#61F051

Split Complementary

#5161F0

#F09051

#B0F051

Tetradic

#5161F0

#F051B0

#F0E051

#51F090

Color Blindness Simulation

Original

#5161F0

Protanopia

#5858CD

Deuteranopia

#5756C5

Tritanopia

#52B2AC

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BDC3F9
300
#8E99F5
400
#5161F0
500
#142AEB
600
#1021BC
700
#0D1B96
800
#0A1575
900
#0C1355
950
#070C36

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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