#787367

#787367

Color Values

HEX

#787367

RGB

120, 115, 103

HSL

42.4, 7.6%, 43.7%

HSV

42.4, 14.2%, 47.1%

CMYK

0.0%, 4.2%, 14.2%, 52.9%

OKLCH

0.5564 0.0191 88.1

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#787367

#676C78

Analogous

#786A67

#747867

#787367

Triadic

#787367

#677873

#736778

Split Complementary

#787367

#677478

#6A6778

Tetradic

#787367

#67786A

#676C78

#786774

Color Blindness Simulation

Original

#787367

Protanopia

#76766A

Deuteranopia

#76766B

Tritanopia

#786C6D

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDCD9
300
#C6C4BD
400
#A8A499
500
#898476
600
#6E695E
700
#58544B
800
#45423B
900
#34322D
950
#211F1D

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026