#78956C

#78956C

Color Values

HEX

#78956C

RGB

120, 149, 108

HSL

102.4, 16.2%, 50.4%

HSV

102.4, 27.5%, 58.4%

CMYK

19.5%, 0.0%, 27.5%, 41.6%

OKLCH

0.6364 0.068 136.7

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#78956C

#896C95

Analogous

#8D956C

#6C9574

#78956C

Triadic

#78956C

#6C7895

#956C78

Split Complementary

#78956C

#746C95

#956C8D

Tetradic

#78956C

#6C8D95

#896C95

#95746C

Color Blindness Simulation

Original

#78956C

Protanopia

#858576

Deuteranopia

#838178

Tritanopia

#797E7F

Achromatopsia

#8C8C8C

CSS Usage

background-color: #78956C;
color: #78956C;
border-color: #78956C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F7F8F6
100
#ECF0EB
200
#D9E1D6
300
#BECCB8
400
#9AB091
500
#77946B
600
#5F7755
700
#4C5F44
800
#3B4A35
900
#2E3829
950
#1D231A

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.31:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026