#7E2CC0

#7E2CC0

Color Values

HEX

#7E2CC0

RGB

126, 44, 192

HSL

273.2, 62.7%, 46.3%

HSV

273.2, 77.1%, 75.3%

CMYK

34.4%, 77.1%, 0.0%, 24.7%

OKLCH

0.492 0.2151 304.6

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#7E2CC0

#6EC02C

Analogous

#342CC0

#C02CB8

#7E2CC0

Triadic

#7E2CC0

#C07E2C

#2CC07E

Split Complementary

#7E2CC0

#B8C02C

#2CC034

Tetradic

#7E2CC0

#C0342C

#6EC02C

#2CB8C0

Color Blindness Simulation

Original

#7E2CC0

Protanopia

#5A5A9C

Deuteranopia

#5F6594

Tritanopia

#7A807A

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69BE8
400
#A765DC
500
#8830CF
600
#6D26A6
700
#571E85
800
#441868
900
#33154C
950
#200D30

Contrast Checker

Text on white

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