#7C6376

#7C6376

Color Values

HEX

#7C6376

RGB

124, 99, 118

HSL

314.4, 11.2%, 43.7%

HSV

314.4, 20.2%, 48.6%

CMYK

0.0%, 20.2%, 4.8%, 51.4%

OKLCH

0.5308 0.0425 334.8

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#7C6376

#637C69

Analogous

#75637C

#7C6369

#7C6376

Triadic

#7C6376

#767C63

#63767C

Split Complementary

#7C6376

#697C63

#637C75

Tetradic

#7C6376

#7C7563

#637C69

#63697C

Color Blindness Simulation

Original

#7C6376

Protanopia

#717171

Deuteranopia

#737470

Tritanopia

#7B6E6D

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#DFD7DD
300
#C9BBC5
400
#AB96A6
500
#8E7187
600
#715B6C
700
#5B4856
800
#473943
900
#352C33
950
#221C20

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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