#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