#7C4793

#7C4793

Color Values

HEX

#7C4793

RGB

124, 71, 147

HSL

281.8, 34.9%, 42.7%

HSV

281.8, 51.7%, 57.6%

CMYK

15.6%, 51.7%, 0.0%, 42.4%

OKLCH

0.4928 0.1292 314.8

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#7C4793

#5E9347

Analogous

#564793

#934784

#7C4793

Triadic

#7C4793

#937C47

#47937C

Split Complementary

#7C4793

#849347

#479356

Tetradic

#7C4793

#935647

#5E9347

#478493

Color Blindness Simulation

Original

#7C4793

Protanopia

#656581

Deuteranopia

#686C7C

Tritanopia

#79726F

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE8
300
#CAACD7
400
#AE80C2
500
#9153AC
600
#74428A
700
#5D356E
800
#492A56
900
#362140
950
#221528

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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