#70AF54

#70AF54

Color Values

HEX

#70AF54

RGB

112, 175, 84

HSL

101.5, 36.3%, 50.8%

HSV

101.5, 52.0%, 68.6%

CMYK

36.0%, 0.0%, 52.0%, 31.4%

OKLCH

0.6903 0.1401 136.9

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#70AF54

#9354AF

Analogous

#9EAF54

#54AF65

#70AF54

Triadic

#70AF54

#5470AF

#AF5470

Split Complementary

#70AF54

#6554AF

#AF549E

Tetradic

#70AF54

#549EAF

#9354AF

#AF6554

Color Blindness Simulation

Original

#70AF54

Protanopia

#8B8C6A

Deuteranopia

#88836F

Tritanopia

#737B7F

Achromatopsia

#9B9B9B

CSS Usage

background-color: #70AF54;
color: #70AF54;
border-color: #70AF54;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F6FAF5
100
#EBF3E8
200
#D6E8CE
300
#B9D8AC
400
#94C37E
500
#6EAE51
600
#588B41
700
#466F34
800
#375729
900
#2A4021
950
#1B2915

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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