#7C4893

#7C4893

Color Values

HEX

#7C4893

RGB

124, 72, 147

HSL

281.6, 34.2%, 42.9%

HSV

281.6, 51.0%, 57.6%

CMYK

15.6%, 51.0%, 0.0%, 42.4%

OKLCH

0.4944 0.1275 314.6

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#7C4893

#5F9348

Analogous

#564893

#934884

#7C4893

Triadic

#7C4893

#937C48

#48937C

Split Complementary

#7C4893

#849348

#489356

Tetradic

#7C4893

#935648

#5F9348

#488493

Color Blindness Simulation

Original

#7C4893

Protanopia

#656581

Deuteranopia

#686C7C

Tritanopia

#79736F

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE8
300
#CAADD7
400
#AD80C1
500
#9054AB
600
#734389
700
#5C366E
800
#482A56
900
#36223F
950
#221528

Contrast Checker

Text on white

6.55:1

AA Pass AAA Fail

Text on black

3.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026