#7C5378

#7C5378

Color Values

HEX

#7C5378

RGB

124, 83, 120

HSL

305.9, 19.8%, 40.6%

HSV

305.9, 33.1%, 48.6%

CMYK

0.0%, 33.1%, 3.2%, 51.4%

OKLCH

0.5002 0.0763 330.1

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#7C5378

#537C57

Analogous

#6C537C

#7C5363

#7C5378

Triadic

#7C5378

#787C53

#53787C

Split Complementary

#7C5378

#637C53

#537C6C

Tetradic

#7C5378

#7C6C53

#537C57

#53637C

Color Blindness Simulation

Original

#7C5378

Protanopia

#6A6A6F

Deuteranopia

#6D706D

Tritanopia

#7A6866

Achromatopsia

#5E5E5E

CSS Usage

background-color: #7C5378;
color: #7C5378;
border-color: #7C5378;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E2D4E1
300
#CEB6CC
400
#B38EB0
500
#996694
600
#7A5276
700
#62415F
800
#4C334A
900
#392837
950
#241923

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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