#A2FC87

#A2FC87

Color Values

HEX

#A2FC87

RGB

162, 252, 135

HSL

106.2, 95.1%, 75.9%

HSV

106.2, 46.4%, 98.8%

CMYK

35.7%, 0.0%, 46.4%, 1.2%

OKLCH

0.9081 0.1747 138.8

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#A2FC87

#E187FC

Analogous

#DCFC87

#87FCA7

#A2FC87

Triadic

#A2FC87

#87A2FC

#FC87A2

Split Complementary

#A2FC87

#A787FC

#FC87DC

Tetradic

#A2FC87

#87DCFC

#E187FC

#FCA787

Color Blindness Simulation

Original

#A2FC87

Protanopia

#C9CAA3

Deuteranopia

#C4BDAA

Tritanopia

#A6BABF

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F4FEF1
100
#E5FCDF
200
#C9FDB9
300
#A2FC88
400
#70FA47
500
#3EF906
600
#32C705
700
#289F04
800
#1F7C03
900
#1A5A07
950
#103904

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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