#7940ED

#7940ED

Color Values

HEX

#7940ED

RGB

121, 64, 237

HSL

259.8, 82.8%, 59.0%

HSV

259.8, 73.0%, 92.9%

CMYK

48.9%, 73.0%, 0.0%, 7.1%

OKLCH

0.5449 0.2407 291.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7940ED

#B4ED40

Analogous

#405DED

#D040ED

#7940ED

Triadic

#7940ED

#ED7940

#40ED79

Split Complementary

#7940ED

#EDD040

#5DED40

Tetradic

#7940ED

#ED405D

#B4ED40

#40EDD0

Color Blindness Simulation

Original

#7940ED

Protanopia

#6060C3

Deuteranopia

#6468B9

Tritanopia

#76A29B

Achromatopsia

#595959

CSS Usage

background-color: #7940ED;
color: #7940ED;
border-color: #7940ED;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F6F2FD
100
#E9E1FA
200
#D1BEF9
300
#B18FF4
400
#8653EF
500
#5C16E9
600
#4912BA
700
#3B0E95
800
#2E0B75
900
#240C55
950
#170835

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

3.77:1

AA Fail 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