#70E578

#70E578

Color Values

HEX

#70E578

RGB

112, 229, 120

HSL

124.1, 69.2%, 66.9%

HSV

124.1, 51.1%, 89.8%

CMYK

51.1%, 0.0%, 47.6%, 10.2%

OKLCH

0.8286 0.1823 145.0

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#70E578

#E570DD

Analogous

#A3E570

#70E5B3

#70E578

Triadic

#70E578

#7870E5

#E57870

Split Complementary

#70E578

#B370E5

#E570A3

Tetradic

#70E578

#70A3E5

#E570DD

#E5B370

Color Blindness Simulation

Original

#70E578

Protanopia

#A3A492

Deuteranopia

#9C9399

Tritanopia

#76A7AC

Achromatopsia

#C4C4C4

CSS Usage

background-color: #70E578;
color: #70E578;
border-color: #70E578;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF3
100
#E3F8E4
200
#C3F4C6
300
#97EC9D
400
#5FE268
500
#27D833
600
#1FAD29
700
#198A21
800
#146C1A
900
#124F16
950
#0C320E

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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