#72CE22

#72CE22

Color Values

HEX

#72CE22

RGB

114, 206, 34

HSL

92.1, 71.7%, 47.1%

HSV

92.1, 83.5%, 80.8%

CMYK

44.7%, 0.0%, 83.5%, 19.2%

OKLCH

0.7644 0.212 134.8

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#72CE22

#7E22CE

Analogous

#C8CE22

#22CE28

#72CE22

Triadic

#72CE22

#2272CE

#CE2272

Split Complementary

#72CE22

#2822CE

#CE22C8

Tetradic

#72CE22

#22C8CE

#7E22CE

#CE2822

Color Blindness Simulation

Original

#72CE22

Protanopia

#9A9B4C

Deuteranopia

#948E56

Tritanopia

#776D74

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#DAF5C2
300
#BFEE96
400
#9CE45D
500
#79DB24
600
#61AF1D
700
#4E8C17
800
#3D6D12
900
#2E5011
950
#1D320B

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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