#7C5374

#7C5374

Color Values

HEX

#7C5374

RGB

124, 83, 116

HSL

311.7, 19.8%, 40.6%

HSV

311.7, 33.1%, 48.6%

CMYK

0.0%, 33.1%, 6.5%, 51.4%

OKLCH

0.4985 0.0723 333.8

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#7C5374

#537C5B

Analogous

#70537C

#7C5360

#7C5374

Triadic

#7C5374

#747C53

#53747C

Split Complementary

#7C5374

#607C53

#537C70

Tetradic

#7C5374

#7C7053

#537C5B

#53607C

Color Blindness Simulation

Original

#7C5374

Protanopia

#6A6A6C

Deuteranopia

#6D706A

Tritanopia

#7A6664

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D4E0
300
#CEB6C9
400
#B38EAC
500
#99668F
600
#7A5272
700
#62415B
800
#4C3347
900
#392836
950
#241922

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

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