#786B6D

#786B6D

Color Values

HEX

#786B6D

RGB

120, 107, 109

HSL

350.8, 5.7%, 44.5%

HSV

350.8, 10.8%, 47.1%

CMYK

0.0%, 10.8%, 9.2%, 52.9%

OKLCH

0.5405 0.0166 7.1

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#786B6D

#6B7876

Analogous

#786B73

#786F6B

#786B6D

Triadic

#786B6D

#6D786B

#6B6D78

Split Complementary

#786B6D

#6B786F

#6B7378

Tetradic

#786B6D

#73786B

#6B7876

#6F6B78

Color Blindness Simulation

Original

#786B6D

Protanopia

#72726D

Deuteranopia

#73746C

Tritanopia

#776C6C

Achromatopsia

#6E6E6E

CSS Usage

background-color: #786B6D;
color: #786B6D;
border-color: #786B6D;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDD9DA
300
#C5BEBF
400
#A69B9D
500
#87787A
600
#6C6062
700
#564D4E
800
#433C3D
900
#332E2F
950
#201D1E

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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