#78682C

#78682C

Color Values

HEX

#78682C

RGB

120, 104, 44

HSL

47.4, 46.3%, 32.2%

HSV

47.4, 63.3%, 47.1%

CMYK

0.0%, 13.3%, 63.3%, 52.9%

OKLCH

0.5197 0.0818 94.4

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#78682C

#2C3C78

Analogous

#78422C

#62782C

#78682C

Triadic

#78682C

#2C7868

#682C78

Split Complementary

#78682C

#2C6278

#422C78

Tetradic

#78682C

#2C7842

#2C3C78

#782C62

Color Blindness Simulation

Original

#78682C

Protanopia

#71713B

Deuteranopia

#72733E

Tritanopia

#774648

Achromatopsia

#676767

CSS Usage

background-color: #78682C;
color: #78682C;
border-color: #78682C;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#ECE5CB
300
#DED2A5
400
#CCBA75
500
#BBA244
600
#958137
700
#77682C
800
#5D5122
900
#453C1C
950
#2B2612

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

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