#A2FE86

#A2FE86

Color Values

HEX

#A2FE86

RGB

162, 254, 134

HSL

106.0, 98.4%, 76.1%

HSV

106.0, 47.2%, 99.6%

CMYK

36.2%, 0.0%, 47.2%, 0.4%

OKLCH

0.9126 0.1784 138.7

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#A2FE86

#E286FE

Analogous

#DEFE86

#86FEA6

#A2FE86

Triadic

#A2FE86

#86A2FE

#FE86A2

Split Complementary

#A2FE86

#A686FE

#FE86DE

Tetradic

#A2FE86

#86DEFE

#E286FE

#FEA686

Color Blindness Simulation

Original

#A2FE86

Protanopia

#CACBA3

Deuteranopia

#C4BEAA

Tritanopia

#A7BABF

Achromatopsia

#E2E2E2

CSS Usage

background-color: #A2FE86;
color: #A2FE86;
border-color: #A2FE86;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F4FEF1
100
#E5FCDE
200
#C9FEB8
300
#A2FE86
400
#6FFD44
500
#3DFD02
600
#30CA02
700
#27A201
800
#1E7E01
900
#1A5B06
950
#103A04

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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