#7C6C83

#7C6C83

Color Values

HEX

#7C6C83

RGB

124, 108, 131

HSL

281.7, 9.6%, 46.9%

HSV

281.7, 17.6%, 51.4%

CMYK

5.3%, 17.6%, 0.0%, 48.6%

OKLCH

0.5543 0.0398 315.6

Properties

Cool Dark Nearest: thistle 4

Color Harmonies

Complementary

#7C6C83

#73836C

Analogous

#716C83

#836C7F

#7C6C83

Triadic

#7C6C83

#837C6C

#6C837C

Split Complementary

#7C6C83

#7F836C

#6C8371

Tetradic

#7C6C83

#83716C

#73836C

#6C7F83

Color Blindness Simulation

Original

#7C6C83

Protanopia

#75757D

Deuteranopia

#76777C

Tritanopia

#7B7978

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C4BCC8
400
#A498AA
500
#84738C
600
#6A5C70
700
#554A59
800
#423A46
900
#322C35
950
#201C21

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

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