#7C5564

#7C5564

Color Values

HEX

#7C5564

RGB

124, 85, 100

HSL

336.9, 18.7%, 41.0%

HSV

336.9, 31.5%, 48.6%

CMYK

0.0%, 31.5%, 19.4%, 51.4%

OKLCH

0.4963 0.0558 354.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#7C5564

#557C6D

Analogous

#7C5578

#7C5955

#7C5564

Triadic

#7C5564

#647C55

#55647C

Split Complementary

#7C5564

#557C59

#55787C

Tetradic

#7C5564

#787C55

#557C6D

#59557C

Color Blindness Simulation

Original

#7C5564

Protanopia

#6B6B60

Deuteranopia

#6D7060

Tritanopia

#7A5E5D

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5DA
300
#CDB6BF
400
#B28F9D
500
#97687A
600
#795362
700
#61424E
800
#4C343D
900
#39282F
950
#24191D

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

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