#7C5D77

#7C5D77

Color Values

HEX

#7C5D77

RGB

124, 93, 119

HSL

309.7, 14.3%, 42.5%

HSV

309.7, 25.0%, 48.6%

CMYK

0.0%, 25.0%, 4.0%, 51.4%

OKLCH

0.5191 0.0555 332.0

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#7C5D77

#5D7C62

Analogous

#715D7C

#7C5D67

#7C5D77

Triadic

#7C5D77

#777C5D

#5D777C

Split Complementary

#7C5D77

#677C5D

#5D7C71

Tetradic

#7C5D77

#7C715D

#5D7C62

#5D677C

Color Blindness Simulation

Original

#7C5D77

Protanopia

#6F6E71

Deuteranopia

#70736F

Tritanopia

#7A6C6B

Achromatopsia

#656565

CSS Usage

background-color: #7C5D77;
color: #7C5D77;
border-color: #7C5D77;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6DF
300
#CBB9C8
400
#AE93AA
500
#926D8C
600
#755770
700
#5D4659
800
#493746
900
#372A35
950
#231B21

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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