#20EB81

#20EB81

Color Values

HEX

#20EB81

RGB

32, 235, 129

HSL

148.7, 83.5%, 52.4%

HSV

148.7, 86.4%, 92.2%

CMYK

86.4%, 0.0%, 45.1%, 7.8%

OKLCH

0.8263 0.2078 152.8

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#20EB81

#EB208A

Analogous

#25EB20

#20EBE7

#20EB81

Triadic

#20EB81

#8120EB

#EB8120

Split Complementary

#20EB81

#E720EB

#EB2025

Tetradic

#20EB81

#2025EB

#EB208A

#EBE720

Color Blindness Simulation

Original

#20EB81

Protanopia

#787A9B

Deuteranopia

#6C5DA1

Tritanopia

#2AAFB3

Achromatopsia

#B8B8B8

CSS Usage

background-color: #20EB81;
color: #20EB81;
border-color: #20EB81;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BDF9DA
300
#8FF5C0
400
#52EF9D
500
#15EA7B
600
#11BB62
700
#0D964F
800
#0B753D
900
#0C552F
950
#08361E

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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