#7C2BA1

#7C2BA1

Color Values

HEX

#7C2BA1

RGB

124, 43, 161

HSL

281.2, 57.8%, 40.0%

HSV

281.2, 73.3%, 63.1%

CMYK

23.0%, 73.3%, 0.0%, 36.9%

OKLCH

0.4648 0.1856 312.8

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#7C2BA1

#50A12B

Analogous

#412BA1

#A12B8B

#7C2BA1

Triadic

#7C2BA1

#A17C2B

#2BA17C

Split Complementary

#7C2BA1

#8BA12B

#2BA141

Tetradic

#7C2BA1

#A1412B

#50A12B

#2B8BA1

Color Blindness Simulation

Original

#7C2BA1

Protanopia

#595884

Deuteranopia

#5E647E

Tritanopia

#786E69

Achromatopsia

#454545

CSS Usage

background-color: #7C2BA1;
color: #7C2BA1;
border-color: #7C2BA1;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F9F4FB
100
#F0E4F6
200
#E3C7F0
300
#CF9EE5
400
#B56AD7
500
#9B36C9
600
#7C2BA1
700
#632281
800
#4E1B65
900
#3A174A
950
#250F2F

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

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