#72D324

#72D324

Color Values

HEX

#72D324

RGB

114, 211, 36

HSL

93.3, 70.9%, 48.4%

HSV

93.3, 82.9%, 82.7%

CMYK

46.0%, 0.0%, 82.9%, 17.3%

OKLCH

0.7769 0.2169 135.4

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#72D324

#8524D3

Analogous

#C9D324

#24D32E

#72D324

Triadic

#72D324

#2472D3

#D32472

Split Complementary

#72D324

#2E24D3

#D324C9

Tetradic

#72D324

#24C9D3

#8524D3

#D32E24

Color Blindness Simulation

Original

#72D324

Protanopia

#9C9D4E

Deuteranopia

#968F58

Tritanopia

#777077

Achromatopsia

#B2B2B2

CSS Usage

background-color: #72D324;
color: #72D324;
border-color: #72D324;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D9F5C2
300
#BDED96
400
#99E45E
500
#76DA25
600
#5EAE1E
700
#4B8B18
800
#3B6D13
900
#2D4F12
950
#1C320B

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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