#86FFA5

#86FFA5

Color Values

HEX

#86FFA5

RGB

134, 255, 165

HSL

135.4, 100.0%, 76.3%

HSV

135.4, 47.5%, 100.0%

CMYK

47.5%, 0.0%, 35.3%, 0.0%

OKLCH

0.9073 0.1655 150.3

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#86FFA5

#FF86E0

Analogous

#A4FF86

#86FFE2

#86FFA5

Triadic

#86FFA5

#A586FF

#FFA586

Split Complementary

#86FFA5

#E286FF

#FF86A4

Tetradic

#86FFA5

#86A4FF

#FF86E0

#FFE286

Color Blindness Simulation

Original

#86FFA5

Protanopia

#BABBBB

Deuteranopia

#B3AAC0

Tritanopia

#8CCCD0

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE6
200
#B8FFCA
300
#85FFA4
400
#42FF73
500
#00FF41
600
#00CC34
700
#00A32A
800
#008021
900
#055C1B
950
#033A11

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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