#78A673

#78A673

Color Values

HEX

#78A673

RGB

120, 166, 115

HSL

114.1, 22.3%, 55.1%

HSV

114.1, 30.7%, 65.1%

CMYK

27.7%, 0.0%, 30.7%, 34.9%

OKLCH

0.6785 0.0887 142.1

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#78A673

#A173A6

Analogous

#92A673

#73A687

#78A673

Triadic

#78A673

#7378A6

#A67378

Split Complementary

#78A673

#8773A6

#A67392

Tetradic

#78A673

#7392A6

#A173A6

#A68773

Color Blindness Simulation

Original

#78A673

Protanopia

#8C8C7F

Deuteranopia

#898682

Tritanopia

#7A898B

Achromatopsia

#999999

CSS Usage

background-color: #78A673;
color: #78A673;
border-color: #78A673;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D5E3D3
300
#B7CFB4
400
#90B68C
500
#699C63
600
#547D4F
700
#43643F
800
#344E32
900
#293A27
950
#1A2518

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026