#78BA65

#78BA65

Color Values

HEX

#78BA65

RGB

120, 186, 101

HSL

106.6, 38.1%, 56.3%

HSV

106.6, 45.7%, 72.9%

CMYK

35.5%, 0.0%, 45.7%, 27.1%

OKLCH

0.7243 0.1352 139.0

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#78BA65

#A765BA

Analogous

#A3BA65

#65BA7D

#78BA65

Triadic

#78BA65

#6578BA

#BA6578

Split Complementary

#78BA65

#7D65BA

#BA65A3

Tetradic

#78BA65

#65A3BA

#A765BA

#BA7D65

Color Blindness Simulation

Original

#78BA65

Protanopia

#95957A

Deuteranopia

#918C7E

Tritanopia

#7B8A8D

Achromatopsia

#A6A6A6

CSS Usage

background-color: #78BA65;
color: #78BA65;
border-color: #78BA65;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D4E9CE
300
#B5D9AA
400
#8DC57D
500
#65B04F
600
#508D3F
700
#407133
800
#325827
900
#274120
950
#192914

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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