#A5FF86

#A5FF86

Color Values

HEX

#A5FF86

RGB

165, 255, 134

HSL

104.6, 100.0%, 76.3%

HSV

104.6, 47.5%, 100.0%

CMYK

35.3%, 0.0%, 47.5%, 0.0%

OKLCH

0.9165 0.1783 138.2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#A5FF86

#E086FF

Analogous

#E2FF86

#86FFA4

#A5FF86

Triadic

#A5FF86

#86A5FF

#FF86A5

Split Complementary

#A5FF86

#A486FF

#FF86E2

Tetradic

#A5FF86

#86E2FF

#E086FF

#FFA486

Color Blindness Simulation

Original

#A5FF86

Protanopia

#CCCDA3

Deuteranopia

#C7C0AA

Tritanopia

#AABABF

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F4FEF1
100
#E6FCDE
200
#CAFFB8
300
#A4FF85
400
#73FF42
500
#41FF00
600
#34CC00
700
#2AA300
800
#218000
900
#1B5C05
950
#113A03

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.25:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026