#787F48

#787F48

Color Values

HEX

#787F48

RGB

120, 127, 72

HSL

67.6, 27.6%, 39.0%

HSV

67.6, 43.3%, 49.8%

CMYK

5.5%, 0.0%, 43.3%, 50.2%

OKLCH

0.5772 0.0774 114.8

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#787F48

#4F487F

Analogous

#7F6A48

#5C7F48

#787F48

Triadic

#787F48

#48787F

#7F4878

Split Complementary

#787F48

#485C7F

#6A487F

Tetradic

#787F48

#487F6A

#4F487F

#7F485C

Color Blindness Simulation

Original

#787F48

Protanopia

#7B7B55

Deuteranopia

#7B7A58

Tritanopia

#786062

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F1E9
200
#E3E5D1
300
#CED3B1
400
#B4BB87
500
#9AA35C
600
#7B824A
700
#62683B
800
#4D512E
900
#393C24
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