#7956FF

#7956FF

Color Values

HEX

#7956FF

RGB

121, 86, 255

HSL

252.4, 100.0%, 66.9%

HSV

252.4, 66.3%, 100.0%

CMYK

52.5%, 66.3%, 0.0%, 0.0%

OKLCH

0.588 0.2371 286.1

Properties

Cool Light Nearest: blueviolet

Color Harmonies

Complementary

#7956FF

#DCFF56

Analogous

#5688FF

#CD56FF

#7956FF

Triadic

#7956FF

#FF7956

#56FF79

Split Complementary

#7956FF

#FFCD56

#88FF56

Tetradic

#7956FF

#FF5688

#DCFF56

#56FFCD

Color Blindness Simulation

Original

#7956FF

Protanopia

#6A6AD6

Deuteranopia

#6C6ECC

Tritanopia

#77B6AF

Achromatopsia

#6A6A6A

CSS Usage

background-color: #7956FF;
color: #7956FF;
border-color: #7956FF;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F4F1FE
100
#E4DEFC
200
#C6B8FF
300
#9E85FF
400
#6942FF
500
#3500FF
600
#2A00CC
700
#2200A3
800
#1A0080
900
#17055C
950
#0E033A

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

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