#70AF24

#70AF24

Color Values

HEX

#70AF24

RGB

112, 175, 36

HSL

87.2, 65.9%, 41.4%

HSV

87.2, 79.4%, 68.6%

CMYK

36.0%, 0.0%, 79.4%, 31.4%

OKLCH

0.6857 0.1757 131.7

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#70AF24

#6324AF

Analogous

#AFA924

#2AAF24

#70AF24

Triadic

#70AF24

#2470AF

#AF2470

Split Complementary

#70AF24

#242AAF

#A924AF

Tetradic

#70AF24

#24AFA9

#6324AF

#AF242A

Color Blindness Simulation

Original

#70AF24

Protanopia

#8B8C46

Deuteranopia

#88834E

Tritanopia

#736066

Achromatopsia

#989898

CSS Usage

background-color: #70AF24;
color: #70AF24;
border-color: #70AF24;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DDF3C4
300
#C6EA99
400
#A6DF62
500
#87D42B
600
#6CA923
700
#57871C
800
#446A16
900
#334D14
950
#20310C

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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