#72BE21

#72BE21

Color Values

HEX

#72BE21

RGB

114, 190, 33

HSL

89.0, 70.4%, 43.7%

HSV

89.0, 82.6%, 74.5%

CMYK

40.0%, 0.0%, 82.6%, 25.5%

OKLCH

0.7243 0.1939 133.1

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#72BE21

#6D21BE

Analogous

#BEBB21

#24BE21

#72BE21

Triadic

#72BE21

#2172BE

#BE2172

Split Complementary

#72BE21

#2124BE

#BB21BE

Tetradic

#72BE21

#21BEBB

#6D21BE

#BE2124

Color Blindness Simulation

Original

#72BE21

Protanopia

#939447

Deuteranopia

#8E8950

Tritanopia

#76656C

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DCF4C2
300
#C3ED97
400
#A3E35E
500
#82D926
600
#68AE1E
700
#548B18
800
#416D13
900
#314F12
950
#1F320B

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026