#72DE69

#72DE69

Color Values

HEX

#72DE69

RGB

114, 222, 105

HSL

115.4, 63.9%, 64.1%

HSV

115.4, 52.7%, 87.1%

CMYK

48.6%, 0.0%, 52.7%, 12.9%

OKLCH

0.8101 0.1854 142.2

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#72DE69

#D569DE

Analogous

#ACDE69

#69DE9A

#72DE69

Triadic

#72DE69

#6972DE

#DE6972

Split Complementary

#72DE69

#9A69DE

#DE69AC

Tetradic

#72DE69

#69ACDE

#D569DE

#DE9A69

Color Blindness Simulation

Original

#72DE69

Protanopia

#A1A285

Deuteranopia

#9A928C

Tritanopia

#779CA1

Achromatopsia

#BFBFBF

CSS Usage

background-color: #72DE69;
color: #72DE69;
border-color: #72DE69;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F4FCF3
100
#E5F7E3
200
#C8F2C4
300
#A1E99B
400
#6EDD64
500
#3BD12E
600
#2FA725
700
#25861D
800
#1D6817
900
#194C15
950
#10300D

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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