#789358

#789358

Color Values

HEX

#789358

RGB

120, 147, 88

HSL

87.5, 25.1%, 46.1%

HSV

87.5, 40.1%, 57.6%

CMYK

18.4%, 0.0%, 40.1%, 42.4%

OKLCH

0.6276 0.0887 128.7

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#789358

#735893

Analogous

#939158

#5B9358

#789358

Triadic

#789358

#587893

#935878

Split Complementary

#789358

#585B93

#915893

Tetradic

#789358

#589391

#735893

#93585B

Color Blindness Simulation

Original

#789358

Protanopia

#848466

Deuteranopia

#82806A

Tritanopia

#797274

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DCE4D2
300
#C3D1B2
400
#A3B889
500
#82A05F
600
#68804C
700
#53663D
800
#415030
900
#313B26
950
#1F2618

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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