#72AC20

#72AC20

Color Values

HEX

#72AC20

RGB

114, 172, 32

HSL

84,9, 68,6%, 40,0%

HSV

84,9, 81,4%, 67,5%

CMYK

33,7%, 0,0%, 81,4%, 32,5%

OKLCH

0,6791 0,1729 130,5

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#72AC20

#5A20AC

Analogous

#ACA020

#2CAC20

#72AC20

Triadic

#72AC20

#2072AC

#AC2072

Split Complementary

#72AC20

#202CAC

#A020AC

Tetradic

#72AC20

#20ACA0

#5A20AC

#AC202C

Color Blindness Simulation

Original

#72AC20

Protanopia

#8B8C42

Deuteranopia

#88834A

Tritanopia

#755D62

Achromatopsia

#969696

CSS Usage

background-color: #72AC20;
color: #72AC20;
border-color: #72AC20;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FCF3
100
#EFF8E3
200
#DFF4C3
300
#C9EC98
400
#ACE160
500
#8ED728
600
#72AC20
700
#5B8A1A
800
#476B14
900
#364E13
950
#22310C

Contrast Checker

Text on white

2,75:1

AA Fail AAA Fail

Text on black

7,64:1

AA Pass AAA Pass

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