#78BE71

#78BE71

Color Values

HEX

#78BE71

RGB

120, 190, 113

HSL

114.5, 37.2%, 59.4%

HSV

114.5, 40.5%, 74.5%

CMYK

36.8%, 0.0%, 40.5%, 25.5%

OKLCH

0.736 0.129 142.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#78BE71

#B771BE

Analogous

#9FBE71

#71BE90

#78BE71

Triadic

#78BE71

#7178BE

#BE7178

Split Complementary

#78BE71

#9071BE

#BE719F

Tetradic

#78BE71

#719FBE

#B771BE

#BE9071

Color Blindness Simulation

Original

#78BE71

Protanopia

#969784

Deuteranopia

#928D88

Tritanopia

#7C9296

Achromatopsia

#AAAAAA

CSS Usage

background-color: #78BE71;
color: #78BE71;
border-color: #78BE71;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E9F3E8
200
#D0E9CE
300
#AFD9AB
400
#84C47E
500
#59AF50
600
#478C40
700
#397033
800
#2C5728
900
#234120
950
#162914

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.4:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026