#21DB22

#21DB22

Color Values

HEX

#21DB22

RGB

33, 219, 34

HSL

120.3, 73.8%, 49.4%

HSV

120.3, 84.9%, 85.9%

CMYK

84.9%, 0.0%, 84.5%, 14.1%

OKLCH

0.7754 0.253 142.7

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#21DB22

#DB21DA

Analogous

#7DDB21

#21DB7F

#21DB22

Triadic

#21DB22

#2221DB

#DB2221

Split Complementary

#21DB22

#7F21DB

#DB217D

Tetradic

#21DB22

#217DDB

#DB21DA

#DB7F21

Color Blindness Simulation

Original

#21DB22

Protanopia

#72734F

Deuteranopia

#67595A

Tritanopia

#2A727A

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C1F6C1
300
#95EF95
400
#5BE65C
500
#21DE22
600
#1BB11B
700
#158E16
800
#116F11
900
#105111
950
#0A330A

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026