#7C5496

#7C5496

Color Values

HEX

#7C5496

RGB

124, 84, 150

HSL

276.4, 28.2%, 45.9%

HSV

276.4, 44.0%, 58.8%

CMYK

17.3%, 44.0%, 0.0%, 41.2%

OKLCH

0.5163 0.1098 311.0

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#7C5496

#6E9654

Analogous

#5B5496

#96548F

#7C5496

Triadic

#7C5496

#967C54

#54967C

Split Complementary

#7C5496

#8F9654

#54965B

Tetradic

#7C5496

#965B54

#6E9654

#548F96

Color Blindness Simulation

Original

#7C5496

Protanopia

#6B6A86

Deuteranopia

#6D7082

Tritanopia

#7A7977

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DDD1E5
300
#C5B1D3
400
#A686BB
500
#875CA3
600
#6C4983
700
#573B69
800
#442E52
900
#33243D
950
#201726

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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