#5107F8

#5107F8

Color Values

HEX

#5107F8

RGB

81, 7, 248

HSL

258.4, 94.5%, 50.0%

HSV

258.4, 97.2%, 97.3%

CMYK

67.3%, 97.2%, 0.0%, 2.7%

OKLCH

0.4796 0.2885 279.4

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#5107F8

#AEF807

Analogous

#0736F8

#C907F8

#5107F8

Triadic

#5107F8

#F85107

#07F851

Split Complementary

#5107F8

#F8C907

#36F807

Tetradic

#5107F8

#F80736

#AEF807

#07F8C9

Color Blindness Simulation

Original

#5107F8

Protanopia

#3130BE

Deuteranopia

#353BB0

Tritanopia

#4D9086

Achromatopsia

#282828

CSS Usage

background-color: #5107F8;
color: #5107F8;
border-color: #5107F8;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#CEBAFD
300
#AB88FC
400
#7E47FA
500
#5107F8
600
#4106C6
700
#34049F
800
#28047C
900
#21075A
950
#150539

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

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