#7C5481

#7C5481

Color Values

HEX

#7C5481

RGB

124, 84, 129

HSL

293.3, 21.1%, 41.8%

HSV

293.3, 34.9%, 50.6%

CMYK

3.9%, 34.9%, 0.0%, 49.4%

OKLCH

0.506 0.0842 322.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#7C5481

#598154

Analogous

#665481

#815470

#7C5481

Triadic

#7C5481

#817C54

#54817C

Split Complementary

#7C5481

#708154

#548166

Tetradic

#7C5481

#816654

#598154

#547081

Color Blindness Simulation

Original

#7C5481

Protanopia

#6B6A76

Deuteranopia

#6D7074

Tritanopia

#7A6E6C

Achromatopsia

#606060

CSS Usage

background-color: #7C5481;
color: #7C5481;
border-color: #7C5481;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F8F6F9
100
#F0EAF0
200
#E1D4E3
300
#CCB5CF
400
#B08DB5
500
#94659A
600
#77507C
700
#5F4063
800
#4A324D
900
#38273A
950
#231924

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

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