#8CFF86

#8CFF86

Color Values

HEX

#8CFF86

RGB

140, 255, 134

HSL

117.0, 100.0%, 76.3%

HSV

117.0, 47.5%, 100.0%

CMYK

45.1%, 0.0%, 47.5%, 0.0%

OKLCH

0.9046 0.1911 142.8

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#8CFF86

#F986FF

Analogous

#C9FF86

#86FFBD

#8CFF86

Triadic

#8CFF86

#868CFF

#FF868C

Split Complementary

#8CFF86

#BD86FF

#FF86C9

Tetradic

#8CFF86

#86C9FF

#F986FF

#FFBD86

Color Blindness Simulation

Original

#8CFF86

Protanopia

#BEBFA3

Deuteranopia

#B7AEAA

Tritanopia

#92BABF

Achromatopsia

#DEDEDE

CSS Usage

background-color: #8CFF86;
color: #8CFF86;
border-color: #8CFF86;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF1
100
#DFFCDE
200
#BBFFB8
300
#8BFF85
400
#4CFF42
500
#0DFF00
600
#0ACC00
700
#08A300
800
#068000
900
#095C05
950
#063A03

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026