#72A970

#72A970

Color Values

HEX

#72A970

RGB

114, 169, 112

HSL

117.9, 24.9%, 55.1%

HSV

117.9, 33.7%, 66.3%

CMYK

32.5%, 0.0%, 33.7%, 33.7%

OKLCH

0.6815 0.1006 143.6

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#72A970

#A770A9

Analogous

#8FA970

#70A98B

#72A970

Triadic

#72A970

#7072A9

#A97072

Split Complementary

#72A970

#8B70A9

#A9708F

Tetradic

#72A970

#708FA9

#A770A9

#A98B70

Color Blindness Simulation

Original

#72A970

Protanopia

#8A8A7E

Deuteranopia

#878281

Tritanopia

#75898B

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D3E4D2
300
#B4D1B3
400
#8BB889
500
#629F60
600
#4E7F4D
700
#3F663D
800
#315030
900
#263B26
950
#182518

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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