#A2EB84

#A2EB84

Color Values

HEX

#A2EB84

RGB

162, 235, 132

HSL

102,5, 72,0%, 72,0%

HSV

102,5, 43,8%, 92,2%

CMYK

31,1%, 0,0%, 43,8%, 7,8%

OKLCH

0,8685 0,1535 137,1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#A2EB84

#CD84EB

Analogous

#D6EB84

#84EB9A

#A2EB84

Triadic

#A2EB84

#84A2EB

#EB84A2

Split Complementary

#A2EB84

#9A84EB

#EB84D6

Tetradic

#A2EB84

#84D6EB

#CD84EB

#EB9A84

Color Blindness Simulation

Original

#A2EB84

Protanopia

#C2C29D

Deuteranopia

#BDB8A3

Tritanopia

#A6B1B5

Achromatopsia

#D4D4D4

CSS Usage

background-color: #A2EB84;
color: #A2EB84;
border-color: #A2EB84;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F5FCF3
100
#E9F8E2
200
#D1F5C2
300
#AFEE96
400
#84E55D
500
#59DB24
600
#47AF1D
700
#398C17
800
#2D6E12
900
#235011
950
#16320B

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,75: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