#7C4699

#7C4699

Color Values

HEX

#7C4699

RGB

124, 70, 153

HSL

279.0, 37.2%, 43.7%

HSV

279.0, 54.2%, 60.0%

CMYK

19.0%, 54.2%, 0.0%, 40.0%

OKLCH

0.4947 0.1379 312.4

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#7C4699

#639946

Analogous

#524699

#99468C

#7C4699

Triadic

#7C4699

#997C46

#46997C

Split Complementary

#7C4699

#8C9946

#469952

Tetradic

#7C4699

#995246

#639946

#468C99

Color Blindness Simulation

Original

#7C4699

Protanopia

#656485

Deuteranopia

#686C80

Tritanopia

#797572

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCEE9
300
#C9ABD9
400
#AB7EC4
500
#8E50AF
600
#71408C
700
#5B3370
800
#472857
900
#352041
950
#221429

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

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