#70D284

#70D284

Color Values

HEX

#70D284

RGB

112, 210, 132

HSL

132.2, 52.1%, 63.1%

HSV

132.2, 46.7%, 82.4%

CMYK

46.7%, 0.0%, 37.1%, 17.6%

OKLCH

0.7843 0.1444 148.8

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#70D284

#D270BE

Analogous

#8DD270

#70D2B5

#70D284

Triadic

#70D284

#8470D2

#D28470

Split Complementary

#70D284

#B570D2

#D2708D

Tetradic

#70D284

#708DD2

#D270BE

#D2B570

Color Blindness Simulation

Original

#70D284

Protanopia

#9A9B97

Deuteranopia

#958D9B

Tritanopia

#75A6A9

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E5F5E8
200
#C9EED0
300
#A2E2AF
400
#6FD283
500
#3DC258
600
#319B46
700
#277C38
800
#1F612C
900
#1A4723
950
#102D16

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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