#A2F490

#A2F490

Color Values

HEX

#A2F490

RGB

162, 244, 144

HSL

109.2, 82.0%, 76.1%

HSV

109.2, 41.0%, 95.7%

CMYK

33.6%, 0.0%, 41.0%, 4.3%

OKLCH

0.8911 0.1547 140.0

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#A2F490

#E290F4

Analogous

#D4F490

#90F4B0

#A2F490

Triadic

#A2F490

#90A2F4

#F490A2

Split Complementary

#A2F490

#B090F4

#F490D4

Tetradic

#A2F490

#90D4F4

#E290F4

#F4B090

Color Blindness Simulation

Original

#A2F490

Protanopia

#C6C6A8

Deuteranopia

#C1BBAE

Tritanopia

#A6BBC0

Achromatopsia

#DBDBDB

CSS Usage

background-color: #A2F490;
color: #A2F490;
border-color: #A2F490;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FDF2
100
#E5FAE1
200
#C9F9BE
300
#A2F490
400
#6FEE53
500
#3DE817
600
#30BA12
700
#27950F
800
#1E740B
900
#1A540D
950
#103508

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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