#86FE98

#86FE98

Color Values

HEX

#86FE98

RGB

134, 254, 152

HSL

129.0, 98.4%, 76.1%

HSV

129.0, 47.2%, 99.6%

CMYK

47.2%, 0.0%, 40.2%, 0.4%

OKLCH

0.9026 0.1762 147.2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#86FE98

#FE86EC

Analogous

#B0FE86

#86FED4

#86FE98

Triadic

#86FE98

#9886FE

#FE9886

Split Complementary

#86FE98

#D486FE

#FE86B0

Tetradic

#86FE98

#86B0FE

#FE86EC

#FED486

Color Blindness Simulation

Original

#86FE98

Protanopia

#BABBB1

Deuteranopia

#B3AAB7

Tritanopia

#8CC4C8

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F1FEF3
100
#DEFCE3
200
#B8FEC3
300
#86FE98
400
#44FD60
500
#02FD28
600
#02CA20
700
#01A219
800
#017E14
900
#065B12
950
#043A0C

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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