#786348

#786348

Color Values

HEX

#786348

RGB

120, 99, 72

HSL

33.8, 25.0%, 37.6%

HSV

33.8, 40.0%, 47.1%

CMYK

0.0%, 17.5%, 40.0%, 52.9%

OKLCH

0.5132 0.0481 73.4

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#786348

#485D78

Analogous

#784B48

#757848

#786348

Triadic

#786348

#487863

#634878

Split Complementary

#786348

#487578

#4B4878

Tetradic

#786348

#48784B

#485D78

#784875

Color Blindness Simulation

Original

#786348

Protanopia

#6F6F4F

Deuteranopia

#707250

Tritanopia

#775455

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EEE9
200
#E4DCD2
300
#D1C4B2
400
#B8A489
500
#9F8460
600
#80694D
700
#66543D
800
#504230
900
#3B3226
950
#251F18

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026