#7464FB

#7464FB

Color Values

HEX

#7464FB

RGB

116, 100, 251

HSL

246.4, 95.0%, 68.8%

HSV

246.4, 60.2%, 98.4%

CMYK

53.8%, 60.2%, 0.0%, 1.6%

OKLCH

0.6018 0.2163 282.5

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#7464FB

#EBFB64

Analogous

#649FFB

#C064FB

#7464FB

Triadic

#7464FB

#FB7464

#64FB74

Split Complementary

#7464FB

#FBC064

#9FFB64

Tetradic

#7464FB

#FB649F

#EBFB64

#64FBC0

Color Blindness Simulation

Original

#7464FB

Protanopia

#6D6DD7

Deuteranopia

#6E6FCE

Tritanopia

#73BAB3

Achromatopsia

#727272

CSS Usage

background-color: #7464FB;
color: #7464FB;
border-color: #7464FB;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F2F1FE
100
#E2DFFC
200
#C1B9FD
300
#9488FC
400
#5A47FA
500
#2006F9
600
#1A05C7
700
#15049F
800
#10037C
900
#10075A
950
#0A0439

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026