#7F784F

#7F784F

Color Values

HEX

#7F784F

RGB

127, 120, 79

HSL

51.2, 23.3%, 40.4%

HSV

51.2, 37.8%, 49.8%

CMYK

0.0%, 5.5%, 37.8%, 50.2%

OKLCH

0.5686 0.0589 99.7

Properties

Warm Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#7F784F

#4F567F

Analogous

#7F604F

#6E7F4F

#7F784F

Triadic

#7F784F

#4F7F78

#784F7F

Split Complementary

#7F784F

#4F6E7F

#604F7F

Tetradic

#7F784F

#4F7F60

#4F567F

#7F4F6E

Color Blindness Simulation

Original

#7F784F

Protanopia

#7C7C59

Deuteranopia

#7C7D5B

Tritanopia

#7F6162

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1F0EA
200
#E4E1D3
300
#D0CCB4
400
#B7B08B
500
#9D9462
600
#7E774E
700
#655F3F
800
#4F4A31
900
#3B3826
950
#252318

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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