#86F380

#86F380

Color Values

HEX

#86F380

RGB

134, 243, 128

HSL

116.9, 82.7%, 72.7%

HSV

116.9, 47.3%, 95.3%

CMYK

44.9%, 0.0%, 47.3%, 4.7%

OKLCH

0.8727 0.1832 142.8

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#86F380

#ED80F3

Analogous

#BFF380

#80F3B3

#86F380

Triadic

#86F380

#8086F3

#F38086

Split Complementary

#86F380

#B380F3

#F380BF

Tetradic

#86F380

#80BFF3

#ED80F3

#F3B380

Color Blindness Simulation

Original

#86F380

Protanopia

#B5B69C

Deuteranopia

#AFA7A2

Tritanopia

#8BB2B7

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F3FDF2
100
#E2FAE1
200
#C1F9BE
300
#94F48F
400
#5BEF53
500
#21E916
600
#1ABA12
700
#15950E
800
#10740B
900
#10550C
950
#0A3508

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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