#78AE86

#78AE86

Color Values

HEX

#78AE86

RGB

120, 174, 134

HSL

135.6, 25.0%, 57.6%

HSV

135.6, 31.0%, 68.2%

CMYK

31.0%, 0.0%, 23.0%, 31.8%

OKLCH

0.7019 0.0816 152.0

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#78AE86

#AE78A0

Analogous

#85AE78

#78AEA1

#78AE86

Triadic

#78AE86

#8678AE

#AE8678

Split Complementary

#78AE86

#A178AE

#AE7885

Tetradic

#78AE86

#7885AE

#AE78A0

#AEA178

Color Blindness Simulation

Original

#78AE86

Protanopia

#8F9090

Deuteranopia

#8C8892

Tritanopia

#7B9799

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#E9F1EB
200
#D2E4D7
300
#B2D1BA
400
#89B895
500
#609F70
600
#4D805A
700
#3D6648
800
#305038
900
#263B2B
950
#18251B

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.2:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026