#70A335

#70A335

Color Values

HEX

#70A335

RGB

112, 163, 53

HSL

87.8, 50.9%, 42.4%

HSV

87.8, 67.5%, 63.9%

CMYK

31.3%, 0.0%, 67.5%, 36.1%

OKLCH

0.6568 0.1501 130.9

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#70A335

#6835A3

Analogous

#A39F35

#39A335

#70A335

Triadic

#70A335

#3570A3

#A33570

Split Complementary

#70A335

#3539A3

#9F35A3

Tetradic

#70A335

#35A39F

#6835A3

#A33539

Color Blindness Simulation

Original

#70A335

Protanopia

#868750

Deuteranopia

#837F56

Tritanopia

#736569

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DDEDC9
300
#C4E1A3
400
#A4D171
500
#84C03F
600
#6A9A32
700
#557B28
800
#42601F
900
#32471A
950
#202D11

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.98:1

AA Pass AAA Fail

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