#72AA70

#72AA70

Color Values

HEX

#72AA70

RGB

114, 170, 112

HSL

117.9, 25.4%, 55.3%

HSV

117.9, 34.1%, 66.7%

CMYK

32.9%, 0.0%, 34.1%, 33.3%

OKLCH

0.6839 0.1023 143.6

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#72AA70

#A870AA

Analogous

#8FAA70

#70AA8B

#72AA70

Triadic

#72AA70

#7072AA

#AA7072

Split Complementary

#72AA70

#8B70AA

#AA708F

Tetradic

#72AA70

#708FAA

#A870AA

#AA8B70

Color Blindness Simulation

Original

#72AA70

Protanopia

#8A8B7E

Deuteranopia

#878381

Tritanopia

#75898C

Achromatopsia

#9A9A9A

CSS Usage

background-color: #72AA70;
color: #72AA70;
border-color: #72AA70;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D3E4D2
300
#B3D1B2
400
#8AB989
500
#61A05F
600
#4E804C
700
#3E663D
800
#315030
900
#263C25
950
#182618

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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