#70C072

#70C072

Color Values

HEX

#70C072

RGB

112, 192, 114

HSL

121.5, 38.8%, 59.6%

HSV

121.5, 41.7%, 75.3%

CMYK

41.7%, 0.0%, 40.6%, 24.7%

OKLCH

0.737 0.1356 144.6

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#70C072

#C070BE

Analogous

#96C070

#70C09A

#70C072

Triadic

#70C072

#7270C0

#C07270

Split Complementary

#70C072

#9A70C0

#C07096

Tetradic

#70C072

#7096C0

#C070BE

#C09A70

Color Blindness Simulation

Original

#70C072

Protanopia

#939385

Deuteranopia

#8E8889

Tritanopia

#749497

Achromatopsia

#A9A9A9

CSS Usage

background-color: #70C072;
color: #70C072;
border-color: #70C072;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9CE
300
#AADAAB
400
#7CC57E
500
#4EB151
600
#3E8E40
700
#327134
800
#275828
900
#204120
950
#142914

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.47:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026