#86FFA3

#86FFA3

Color Values

HEX

#86FFA3

RGB

134, 255, 163

HSL

134.4, 100.0%, 76.3%

HSV

134.4, 47.5%, 100.0%

CMYK

47.5%, 0.0%, 36.1%, 0.0%

OKLCH

0.9069 0.1673 149.8

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#86FFA3

#FF86E2

Analogous

#A6FF86

#86FFE0

#86FFA3

Triadic

#86FFA3

#A386FF

#FFA386

Split Complementary

#86FFA3

#E086FF

#FF86A6

Tetradic

#86FFA3

#86A6FF

#FF86E2

#FFE086

Color Blindness Simulation

Original

#86FFA3

Protanopia

#BABBB9

Deuteranopia

#B3AABF

Tritanopia

#8CCBCF

Achromatopsia

#DFDFDF

CSS Usage

background-color: #86FFA3;
color: #86FFA3;
border-color: #86FFA3;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF4
100
#DEFCE5
200
#B8FFC9
300
#85FFA2
400
#42FF70
500
#00FF3D
600
#00CC31
700
#00A327
800
#00801F
900
#055C1A
950
#033A10

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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