#787F49

#787F49

Color Values

HEX

#787F49

RGB

120, 127, 73

HSL

67.8, 27.0%, 39.2%

HSV

67.8, 42.5%, 49.8%

CMYK

5.5%, 0.0%, 42.5%, 50.2%

OKLCH

0.5774 0.0762 114.9

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#787F49

#50497F

Analogous

#7F6B49

#5D7F49

#787F49

Triadic

#787F49

#49787F

#7F4978

Split Complementary

#787F49

#495D7F

#6B497F

Tetradic

#787F49

#497F6B

#50497F

#7F495D

Color Blindness Simulation

Original

#787F49

Protanopia

#7B7B56

Deuteranopia

#7B7A59

Tritanopia

#786063

Achromatopsia

#7A7A7A

CSS Usage

background-color: #787F49;
color: #787F49;
border-color: #787F49;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9F9F6
100
#F0F1E9
200
#E2E5D2
300
#CED2B1
400
#B4BA87
500
#99A25D
600
#7A824A
700
#62683C
800
#4C512F
900
#393C25
950
#242617

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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