#787B2C

#787B2C

Color Values

HEX

#787B2C

RGB

120, 123, 44

HSL

62.3, 47.3%, 32.7%

HSV

62.3, 64.2%, 48.2%

CMYK

2.4%, 0.0%, 64.2%, 51.8%

OKLCH

0.564 0.1014 111.3

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#787B2C

#2F2C7B

Analogous

#7B562C

#507B2C

#787B2C

Triadic

#787B2C

#2C787B

#7B2C78

Split Complementary

#787B2C

#2C507B

#562C7B

Tetradic

#787B2C

#2C7B56

#2F2C7B

#7B2C50

Color Blindness Simulation

Original

#787B2C

Protanopia

#79793F

Deuteranopia

#797944

Tritanopia

#784E52

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCA
300
#DDDFA5
400
#CACD74
500
#B7BC43
600
#939636
700
#75782B
800
#5C5E22
900
#43451C
950
#2B2C12

Contrast Checker

Text on white

4.5:1

AA Fail AAA Fail

Text on black

4.67:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026