#7E2DCE

#7E2DCE

Color Values

HEX

#7E2DCE

RGB

126, 45, 206

HSL

270.2, 64.1%, 49.2%

HSV

270.2, 78.2%, 80.8%

CMYK

38.8%, 78.2%, 0.0%, 19.2%

OKLCH

0.5044 0.2277 301.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7E2DCE

#7DCE2D

Analogous

#2E2DCE

#CE2DCD

#7E2DCE

Triadic

#7E2DCE

#CE7E2D

#2DCE7E

Split Complementary

#7E2DCE

#CDCE2D

#2DCE2E

Tetradic

#7E2DCE

#CE2E2D

#7DCE2D

#2DCDCE

Color Blindness Simulation

Original

#7E2DCE

Protanopia

#5B5AA7

Deuteranopia

#60669E

Tritanopia

#7A8882

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC4F2
300
#C29BE9
400
#A164DD
500
#802ED1
600
#6625A7
700
#521D86
800
#401769
900
#31144C
950
#1F0D30

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

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