#7C6F82

#7C6F82

Color Values

HEX

#7C6F82

RGB

124, 111, 130

HSL

281.1, 7.9%, 47.3%

HSV

281.1, 14.6%, 51.0%

CMYK

4.6%, 14.6%, 0.0%, 49.0%

OKLCH

0.5602 0.0327 315.2

Properties

Cool Dark Nearest: thistle 4

Color Harmonies

Complementary

#7C6F82

#75826F

Analogous

#736F82

#826F7F

#7C6F82

Triadic

#7C6F82

#827C6F

#6F827C

Split Complementary

#7C6F82

#7F826F

#6F8273

Tetradic

#7C6F82

#82736F

#75826F

#6F7F82

Color Blindness Simulation

Original

#7C6F82

Protanopia

#76767D

Deuteranopia

#77787C

Tritanopia

#7B7A79

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCD8DE
300
#C4BDC7
400
#A399A8
500
#83758A
600
#695E6E
700
#544B58
800
#423B45
900
#322D34
950
#1F1C21

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

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