#86C606

#86C606

Color Values

HEX

#86C606

RGB

134, 198, 6

HSL

80.0, 94.1%, 40.0%

HSV

80.0, 97.0%, 77.6%

CMYK

32.3%, 0.0%, 97.0%, 22.4%

OKLCH

0.7543 0.1997 129.3

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#86C606

#4606C6

Analogous

#C6A606

#26C606

#86C606

Triadic

#86C606

#0686C6

#C60686

Split Complementary

#86C606

#0626C6

#A606C6

Tetradic

#86C606

#06C6A6

#4606C6

#C60626

Color Blindness Simulation

Original

#86C606

Protanopia

#A2A234

Deuteranopia

#9E9940

Tritanopia

#895961

Achromatopsia

#ABABAB

CSS Usage

background-color: #86C606;
color: #86C606;
border-color: #86C606;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F9FDF1
100
#F2FBDF
200
#E6FDBA
300
#D5FB88
400
#BEF948
500
#A7F708
600
#86C606
700
#6B9E05
800
#547C04
900
#3E5907
950
#273905

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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