#786958

#786958

Color Values

HEX

#786958

RGB

120, 105, 88

HSL

31.9, 15.4%, 40.8%

HSV

31.9, 26.7%, 47.1%

CMYK

0.0%, 12.5%, 26.7%, 52.9%

OKLCH

0.5301 0.0319 70.5

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#786958

#586778

Analogous

#785958

#777858

#786958

Triadic

#786958

#587869

#695878

Split Complementary

#786958

#587778

#595878

Tetradic

#786958

#587859

#586778

#785877

Color Blindness Simulation

Original

#786958

Protanopia

#72715C

Deuteranopia

#72745D

Tritanopia

#775F60

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DCD6
300
#CBC2B8
400
#AFA292
500
#93816C
600
#766756
700
#5E5245
800
#4A4036
900
#37312A
950
#231F1A

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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