#86FEB1

#86FEB1

Color Values

HEX

#86FEB1

RGB

134, 254, 177

HSL

141.5, 98.4%, 76.1%

HSV

141.5, 47.2%, 99.6%

CMYK

47.2%, 0.0%, 30.3%, 0.4%

OKLCH

0.9073 0.1531 153.9

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#86FEB1

#FE86D3

Analogous

#97FE86

#86FEED

#86FEB1

Triadic

#86FEB1

#B186FE

#FEB186

Split Complementary

#86FEB1

#ED86FE

#FE8697

Tetradic

#86FEB1

#8697FE

#FE86D3

#FEED86

Color Blindness Simulation

Original

#86FEB1

Protanopia

#BABBC4

Deuteranopia

#B3AAC8

Tritanopia

#8CD2D6

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCE9
200
#B8FED1
300
#86FEB1
400
#44FD86
500
#02FD5C
600
#02CA4A
700
#01A23B
800
#017E2E
900
#065B24
950
#043A17

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.83:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026