#86F481

#86F481

Color Values

HEX

#86F481

RGB

134, 244, 129

HSL

117.4, 83.9%, 73.1%

HSV

117.4, 47.1%, 95.7%

CMYK

45.1%, 0.0%, 47.1%, 4.3%

OKLCH

0.8752 0.1837 143.0

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#86F481

#EF81F4

Analogous

#BFF481

#81F4B5

#86F481

Triadic

#86F481

#8186F4

#F48186

Split Complementary

#86F481

#B581F4

#F481BF

Tetradic

#86F481

#81BFF4

#EF81F4

#F4B581

Color Blindness Simulation

Original

#86F481

Protanopia

#B6B79D

Deuteranopia

#AFA7A4

Tritanopia

#8CB3B8

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E2FAE0
200
#C0F9BD
300
#93F58E
400
#58F051
500
#1EEA15
600
#18BC10
700
#13960D
800
#0F750A
900
#0F550C
950
#093607

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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