#21C820

#21C820

Color Values

HEX

#21C820

RGB

33, 200, 32

HSL

119.6, 72.4%, 45.5%

HSV

119.6, 84.0%, 78.4%

CMYK

83.5%, 0.0%, 84.0%, 21.6%

OKLCH

0.7249 0.235 142.6

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#21C820

#C720C8

Analogous

#75C820

#20C873

#21C820

Triadic

#21C820

#2021C8

#C82021

Split Complementary

#21C820

#7320C8

#C82075

Tetradic

#21C820

#2075C8

#C720C8

#C87320

Color Blindness Simulation

Original

#21C820

Protanopia

#696B49

Deuteranopia

#605352

Tritanopia

#296970

Achromatopsia

#989898

CSS Usage

background-color: #21C820;
color: #21C820;
border-color: #21C820;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C2F5C1
300
#96EE95
400
#5DE55C
500
#24DC23
600
#1DB01C
700
#178D17
800
#126E12
900
#115011
950
#0B330B

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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