#7C1576

#7C1576

Color Values

HEX

#7C1576

RGB

124, 21, 118

HSL

303.5, 71.0%, 28.4%

HSV

303.5, 83.1%, 48.6%

CMYK

0.0%, 83.1%, 4.8%, 51.4%

OKLCH

0.4172 0.1717 330.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7C1576

#157C1B

Analogous

#4E157C

#7C1542

#7C1576

Triadic

#7C1576

#767C15

#15767C

Split Complementary

#7C1576

#427C15

#157C4E

Tetradic

#7C1576

#7C4E15

#157C1B

#15427C

Color Blindness Simulation

Original

#7C1576

Protanopia

#4F4F5F

Deuteranopia

#555D59

Tritanopia

#774C48

Achromatopsia

#323232

CSS Usage

background-color: #7C1576;
color: #7C1576;
border-color: #7C1576;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF3FB
100
#F8E2F7
200
#F5C2F2
300
#ED96E8
400
#E45EDC
500
#DA25CF
600
#AE1EA6
700
#8C1885
800
#6D1268
900
#4F114C
950
#320B30

Contrast Checker

Text on white

9.43:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026