#7E1FD2

#7E1FD2

Color Values

HEX

#7E1FD2

RGB

126, 31, 210

HSL

271.8, 74.3%, 47.3%

HSV

271.8, 85.2%, 82.4%

CMYK

40.0%, 85.2%, 0.0%, 17.6%

OKLCH

0.497 0.2426 301.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7E1FD2

#73D21F

Analogous

#241FD2

#D21FCD

#7E1FD2

Triadic

#7E1FD2

#D27E1F

#1FD27E

Split Complementary

#7E1FD2

#CDD21F

#1FD224

Tetradic

#7E1FD2

#D2241F

#73D21F

#1FCDD2

Color Blindness Simulation

Original

#7E1FD2

Protanopia

#5554A7

Deuteranopia

#5A619C

Tritanopia

#79847D

Achromatopsia

#404040

CSS Usage

background-color: #7E1FD2;
color: #7E1FD2;
border-color: #7E1FD2;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DDC1F6
300
#C594EF
400
#A55BE7
500
#8521DE
600
#6B1AB2
700
#55158E
800
#43106F
900
#321051
950
#200A33

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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