#8FF486

#8FF486

Color Values

HEX

#8FF486

RGB

143, 244, 134

HSL

115.1, 83.3%, 74.1%

HSV

115.1, 45.1%, 95.7%

CMYK

41.4%, 0.0%, 45.1%, 4.3%

OKLCH

0.88 0.1744 142.2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#8FF486

#EB86F4

Analogous

#C6F486

#86F4B4

#8FF486

Triadic

#8FF486

#868FF4

#F4868F

Split Complementary

#8FF486

#B486F4

#F486C6

Tetradic

#8FF486

#86C6F4

#EB86F4

#F4B486

Color Blindness Simulation

Original

#8FF486

Protanopia

#BBBCA1

Deuteranopia

#B5ADA7

Tritanopia

#94B6BA

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F3FDF2
100
#E3FAE1
200
#C2F9BE
300
#97F58F
400
#5FEF52
500
#27EA15
600
#1FBB11
700
#19960E
800
#13750B
900
#12550C
950
#0B3608

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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