#70D189

#70D189

Color Values

HEX

#70D189

RGB

112, 209, 137

HSL

135.5, 51.3%, 62.9%

HSV

135.5, 46.4%, 82.0%

CMYK

46.4%, 0.0%, 34.4%, 18.0%

OKLCH

0.7828 0.1381 150.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#70D189

#D170B8

Analogous

#87D170

#70D1B9

#70D189

Triadic

#70D189

#8970D1

#D18970

Split Complementary

#70D189

#B970D1

#D17087

Tetradic

#70D189

#7087D1

#D170B8

#D1B970

Color Blindness Simulation

Original

#70D189

Protanopia

#9A9B9A

Deuteranopia

#948D9F

Tritanopia

#75A8AB

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E5F5E9
200
#C9EED2
300
#A2E1B3
400
#70D189
500
#3EC160
600
#329A4D
700
#287B3D
800
#1F6030
900
#1A4726
950
#102D18

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.17:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026