#7D786B

#7D786B

Color Values

HEX

#7D786B

RGB

125, 120, 107

HSL

43.3, 7.8%, 45.5%

HSV

43.3, 14.4%, 49.0%

CMYK

0.0%, 4.0%, 14.4%, 51.0%

OKLCH

0.5733 0.0203 89.4

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#7D786B

#6B707D

Analogous

#7D6F6B

#797D6B

#7D786B

Triadic

#7D786B

#6B7D78

#786B7D

Split Complementary

#7D786B

#6B797D

#6F6B7D

Tetradic

#7D786B

#6B7D6F

#6B707D

#7D6B79

Color Blindness Simulation

Original

#7D786B

Protanopia

#7B7B6E

Deuteranopia

#7B7C6F

Tritanopia

#7D7171

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDDD9
300
#C7C4BD
400
#A8A499
500
#898476
600
#6E6A5E
700
#58544B
800
#45423B
900
#34322D
950
#21201C

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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