#788554

#788554

Color Values

HEX

#788554

RGB

120, 133, 84

HSL

75.9, 22.6%, 42.5%

HSV

75.9, 36.8%, 52.2%

CMYK

9.8%, 0.0%, 36.8%, 47.8%

OKLCH

0.5935 0.0715 120.7

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#788554

#615485

Analogous

#857954

#5F8554

#788554

Triadic

#788554

#547885

#855478

Split Complementary

#788554

#545F85

#795485

Tetradic

#788554

#548579

#615485

#85545F

Color Blindness Simulation

Original

#788554

Protanopia

#7E7E60

Deuteranopia

#7D7C63

Tritanopia

#79696B

Achromatopsia

#7F7F7F

CSS Usage

background-color: #788554;
color: #788554;
border-color: #788554;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#DFE3D3
300
#C8D0B4
400
#ABB68B
500
#8D9C63
600
#717D4F
700
#5A643F
800
#474E31
900
#353A27
950
#222518

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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