#7E2DC0

#7E2DC0

Color Values

HEX

#7E2DC0

RGB

126, 45, 192

HSL

273.1, 62.0%, 46.5%

HSV

273.1, 76.6%, 75.3%

CMYK

34.4%, 76.6%, 0.0%, 24.7%

OKLCH

0.493 0.214 304.5

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#7E2DC0

#6FC02D

Analogous

#352DC0

#C02DB8

#7E2DC0

Triadic

#7E2DC0

#C07E2D

#2DC07E

Split Complementary

#7E2DC0

#B8C02D

#2DC035

Tetradic

#7E2DC0

#C0352D

#6FC02D

#2DB8C0

Color Blindness Simulation

Original

#7E2DC0

Protanopia

#5B5A9C

Deuteranopia

#606694

Tritanopia

#7A807A

Achromatopsia

#494949

CSS Usage

background-color: #7E2DC0;
color: #7E2DC0;
border-color: #7E2DC0;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F1
300
#C69CE8
400
#A766DB
500
#8830CF
600
#6D27A5
700
#571F84
800
#441867
900
#33154B
950
#200E30

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

3.02:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026