#787D1E

#787D1E

Color Values

HEX

#787D1E

RGB

120, 125, 30

HSL

63.2, 61.3%, 30.4%

HSV

63.2, 76.0%, 49.0%

CMYK

4.0%, 0.0%, 76.0%, 51.0%

OKLCH

0.5676 0.1141 112.6

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#787D1E

#231E7D

Analogous

#7D531E

#487D1E

#787D1E

Triadic

#787D1E

#1E787D

#7D1E78

Split Complementary

#787D1E

#1E487D

#531E7D

Tetradic

#787D1E

#1E7D53

#231E7D

#7D1E48

Color Blindness Simulation

Original

#787D1E

Protanopia

#7A7A35

Deuteranopia

#7A7A3A

Tritanopia

#78474B

Achromatopsia

#757575

CSS Usage

background-color: #787D1E;
color: #787D1E;
border-color: #787D1E;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EFF1C5
300
#E3E79C
400
#D4DA67
500
#C5CE31
600
#9EA527
700
#7E8420
800
#636719
900
#484B16
950
#2E2F0E

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026