#5100FF

#5100FF

Color Values

HEX

#5100FF

RGB

81, 0, 255

HSL

259,1, 100,0%, 50,0%

HSV

259,1, 100,0%, 100,0%

CMYK

68,2%, 100,0%, 0,0%, 0,0%

OKLCH

0,4858 0,2967 278,7

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#5100FF

#AEFF00

Analogous

#002EFF

#D100FF

#5100FF

Triadic

#5100FF

#FF5100

#00FF51

Split Complementary

#5100FF

#FFD100

#2EFF00

Tetradic

#5100FF

#FF002E

#AEFF00

#00FFD1

Color Blindness Simulation

Original

#5100FF

Protanopia

#2E2DC1

Deuteranopia

#3339B2

Tritanopia

#4D9186

Achromatopsia

#242424

CSS Usage

background-color: #5100FF;
color: #5100FF;
border-color: #5100FF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#CEB8FF
300
#AC85FF
400
#7E42FF
500
#5100FF
600
#4100CC
700
#3400A3
800
#290080
900
#21055C
950
#15033A

Contrast Checker

Text on white

7,52:1

AA Pass AAA Pass

Text on black

2,79:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026