#70C97A

#70C97A

Color Values

HEX

#70C97A

RGB

112, 201, 122

HSL

126.7, 45.2%, 61.4%

HSV

126.7, 44.3%, 78.8%

CMYK

44.3%, 0.0%, 39.3%, 21.2%

OKLCH

0.7605 0.141 146.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#70C97A

#C970BF

Analogous

#93C970

#70C9A7

#70C97A

Triadic

#70C97A

#7A70C9

#C97A70

Split Complementary

#70C97A

#A770C9

#C97093

Tetradic

#70C97A

#7093C9

#C970BF

#C9A770

Color Blindness Simulation

Original

#70C97A

Protanopia

#97978D

Deuteranopia

#918B92

Tritanopia

#749CA0

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CBEBCF
300
#A6DDAC
400
#76CB80
500
#46B953
600
#389442
700
#2D7635
800
#235D29
900
#1D4421
950
#122B15

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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