#7A784D

#7A784D

Color Values

HEX

#7A784D

RGB

122, 120, 77

HSL

57.3, 22.6%, 39.0%

HSV

57.3, 36.9%, 47.8%

CMYK

0.0%, 1.6%, 36.9%, 52.2%

OKLCH

0.5635 0.0613 105.9

Properties

Warm Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#7A784D

#4D4F7A

Analogous

#7A614D

#657A4D

#7A784D

Triadic

#7A784D

#4D7A78

#784D7A

Split Complementary

#7A784D

#4D657A

#614D7A

Tetradic

#7A784D

#4D7A61

#4D4F7A

#7A4D65

Color Blindness Simulation

Original

#7A784D

Protanopia

#797957

Deuteranopia

#79795A

Tritanopia

#7A6061

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F0EA
200
#E3E3D3
300
#D0CEB4
400
#B6B48B
500
#9C9A63
600
#7D7B4F
700
#64623F
800
#4E4D31
900
#3A3927
950
#252418

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

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