#70C078

#70C078

Color Values

HEX

#70C078

RGB

112, 192, 120

HSL

126.0, 38.8%, 59.6%

HSV

126.0, 41.7%, 75.3%

CMYK

41.7%, 0.0%, 37.5%, 24.7%

OKLCH

0.7381 0.1295 146.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#70C078

#C070B8

Analogous

#90C070

#70C0A0

#70C078

Triadic

#70C078

#7870C0

#C07870

Split Complementary

#70C078

#A070C0

#C07090

Tetradic

#70C078

#7090C0

#C070B8

#C0A070

Color Blindness Simulation

Original

#70C078

Protanopia

#939389

Deuteranopia

#8E888E

Tritanopia

#74979A

Achromatopsia

#AAAAAA

CSS Usage

background-color: #70C078;
color: #70C078;
border-color: #70C078;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9D0
300
#AADAAF
400
#7CC583
500
#4EB158
600
#3E8E46
700
#327138
800
#27582C
900
#204123
950
#142916

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.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