#7C776F

#7C776F

Color Values

HEX

#7C776F

RGB

124, 119, 111

HSL

36.9, 5.5%, 46.1%

HSV

36.9, 10.5%, 48.6%

CMYK

0.0%, 4.0%, 10.5%, 51.4%

OKLCH

0.5713 0.0135 79.7

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#7C776F

#6F747C

Analogous

#7C716F

#7B7C6F

#7C776F

Triadic

#7C776F

#6F7C77

#776F7C

Split Complementary

#7C776F

#6F7B7C

#716F7C

Tetradic

#7C776F

#6F7C71

#6F747C

#7C6F7B

Color Blindness Simulation

Original

#7C776F

Protanopia

#7A7A71

Deuteranopia

#7A7A71

Tritanopia

#7C7273

Achromatopsia

#777777

CSS Usage

background-color: #7C776F;
color: #7C776F;
border-color: #7C776F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDCD9
300
#C5C3BE
400
#A6A29B
500
#878178
600
#6C6760
700
#56534D
800
#43413C
900
#33312E
950
#201F1D

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

4.73:1

AA Pass 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