#786B69

#786B69

Color Values

HEX

#786B69

RGB

120, 107, 105

HSL

8.0, 6.7%, 44.1%

HSV

8.0, 12.5%, 47.1%

CMYK

0.0%, 10.8%, 12.5%, 52.9%

OKLCH

0.5393 0.0168 28.1

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#786B69

#697678

Analogous

#78696E

#787269

#786B69

Triadic

#786B69

#69786B

#6B6978

Split Complementary

#786B69

#697872

#696E78

Tetradic

#786B69

#6E7869

#697678

#726978

Color Blindness Simulation

Original

#786B69

Protanopia

#727269

Deuteranopia

#73746A

Tritanopia

#776A6A

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DEDAD9
300
#C6BFBE
400
#A79C9A
500
#887977
600
#6D615F
700
#574E4C
800
#443D3B
900
#332E2E
950
#201D1D

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

4.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026