#7B784F

#7B784F

Color Values

HEX

#7B784F

RGB

123, 120, 79

HSL

55.9, 21.8%, 39.6%

HSV

55.9, 35.8%, 48.2%

CMYK

0.0%, 2.4%, 35.8%, 51.8%

OKLCH

0.5648 0.0587 104.5

Properties

Warm Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#7B784F

#4F527B

Analogous

#7B624F

#687B4F

#7B784F

Triadic

#7B784F

#4F7B78

#784F7B

Split Complementary

#7B784F

#4F687B

#624F7B

Tetradic

#7B784F

#4F7B62

#4F527B

#7B4F68

Color Blindness Simulation

Original

#7B784F

Protanopia

#7A7A59

Deuteranopia

#7A7A5B

Tritanopia

#7B6162

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E3E2D4
300
#CFCDB4
400
#B5B28C
500
#9B9764
600
#7C7950
700
#636140
800
#4E4C32
900
#3A3927
950
#252419

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass 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