#7C2676

#7C2676

Color Values

HEX

#7C2676

RGB

124, 38, 118

HSL

304.2, 53.1%, 31.8%

HSV

304.2, 69.4%, 48.6%

CMYK

0.0%, 69.4%, 4.8%, 51.4%

OKLCH

0.4317 0.1527 330.8

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#7C2676

#267C2C

Analogous

#57267C

#7C264B

#7C2676

Triadic

#7C2676

#767C26

#26767C

Split Complementary

#7C2676

#4B7C26

#267C57

Tetradic

#7C2676

#7C5726

#267C2C

#264B7C

Color Blindness Simulation

Original

#7C2676

Protanopia

#575663

Deuteranopia

#5C625E

Tritanopia

#785350

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC8EC
300
#E2A1DE
400
#D36FCC
500
#C33CBA
600
#9C3095
700
#7D2677
800
#621E5D
900
#481944
950
#2D102B

Contrast Checker

Text on white

8.77:1

AA Pass AAA Pass

Text on black

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