#70E46F

#70E46F

Color Values

HEX

#70E46F

RGB

112, 228, 111

HSL

119.5, 68.4%, 66.5%

HSV

119.5, 51.3%, 89.4%

CMYK

50.9%, 0.0%, 51.3%, 10.6%

OKLCH

0.8249 0.189 143.5

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#70E46F

#E36FE4

Analogous

#ABE46F

#6FE4A9

#70E46F

Triadic

#70E46F

#6F70E4

#E46F70

Split Complementary

#70E46F

#A96FE4

#E46FAB

Tetradic

#70E46F

#6FABE4

#E36FE4

#E4A96F

Color Blindness Simulation

Original

#70E46F

Protanopia

#A2A38B

Deuteranopia

#9C9392

Tritanopia

#76A2A7

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C3F4C3
300
#99EC98
400
#61E160
500
#2AD728
600
#21AC20
700
#1B891A
800
#156B14
900
#134E13
950
#0C310C

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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