#70C679

#70C679

Color Values

HEX

#70C679

RGB

112, 198, 121

HSL

126.3, 43.0%, 60.8%

HSV

126.3, 43.4%, 77.6%

CMYK

43.4%, 0.0%, 38.9%, 22.4%

OKLCH

0.7529 0.1375 146.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#70C679

#C670BD

Analogous

#92C670

#70C6A4

#70C679

Triadic

#70C679

#7970C6

#C67970

Split Complementary

#70C679

#A470C6

#C67092

Tetradic

#70C679

#7092C6

#C670BD

#C6A470

Color Blindness Simulation

Original

#70C679

Protanopia

#95968C

Deuteranopia

#908A90

Tritanopia

#749A9E

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E8
200
#CCEBCF
300
#A7DCAD
400
#78C981
500
#49B654
600
#3A9243
700
#2F7536
800
#245B2A
900
#1E4322
950
#132A15

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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