#786463

#786463

Color Values

HEX

#786463

RGB

120, 100, 99

HSL

2.9, 9.6%, 42.9%

HSV

2.9, 17.5%, 47.1%

CMYK

0.0%, 16.7%, 17.5%, 52.9%

OKLCH

0.5223 0.0259 21.4

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#786463

#637778

Analogous

#78636C

#786E63

#786463

Triadic

#786463

#637864

#646378

Split Complementary

#786463

#63786E

#636C78

Tetradic

#786463

#6C7863

#637778

#6E6378

Color Blindness Simulation

Original

#786463

Protanopia

#6F6F63

Deuteranopia

#707263

Tritanopia

#776363

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D8
300
#C8BCBC
400
#AA9898
500
#8C7473
600
#705D5C
700
#594B4A
800
#463A3A
900
#352D2C
950
#211C1C

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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