#7C419C

#7C419C

Color Values

HEX

#7C419C

RGB

124, 65, 156

HSL

278.9, 41.2%, 43.3%

HSV

278.9, 58.3%, 61.2%

CMYK

20.5%, 58.3%, 0.0%, 38.8%

OKLCH

0.4889 0.1495 312.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#7C419C

#619C41

Analogous

#4E419C

#9C418E

#7C419C

Triadic

#7C419C

#9C7C41

#419C7C

Split Complementary

#7C419C

#8E9C41

#419C4E

Tetradic

#7C419C

#9C4E41

#619C41

#418E9C

Color Blindness Simulation

Original

#7C419C

Protanopia

#626286

Deuteranopia

#666A81

Tritanopia

#797571

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CDEA
300
#C9A9DB
400
#AC7AC8
500
#8F4BB4
600
#723C90
700
#5C3073
800
#48255A
900
#361E42
950
#22132A

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

3.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026