#86BC10

#86BC10

Color Values

HEX

#86BC10

RGB

134, 188, 16

HSL

78.8, 84.3%, 40.0%

HSV

78.8, 91.5%, 73.7%

CMYK

28.7%, 0.0%, 91.5%, 26.3%

OKLCH

0.7301 0.1866 127.7

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#86BC10

#4610BC

Analogous

#BC9C10

#30BC10

#86BC10

Triadic

#86BC10

#1086BC

#BC1086

Split Complementary

#86BC10

#1030BC

#9C10BC

Tetradic

#86BC10

#10BC9C

#4610BC

#BC1030

Color Blindness Simulation

Original

#86BC10

Protanopia

#9D9E3A

Deuteranopia

#9A9644

Tritanopia

#895B62

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F9FDF2
100
#F2FAE0
200
#E7F9BD
300
#D5F58E
400
#BEF051
500
#A8EB14
600
#86BC10
700
#6B960D
800
#54750A
900
#3E550C
950
#273607

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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