#86A201

#86A201

Color Values

HEX

#86A201

RGB

134, 162, 1

HSL

70.4, 98.8%, 32.0%

HSV

70.4, 99.4%, 63.5%

CMYK

17.3%, 0.0%, 99.4%, 36.5%

OKLCH

0.6668 0.1601 121.2

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#86A201

#1D01A2

Analogous

#A26E01

#36A201

#86A201

Triadic

#86A201

#0186A2

#A20186

Split Complementary

#86A201

#0136A2

#6E01A2

Tetradic

#86A201

#01A26E

#1D01A2

#A20136

Color Blindness Simulation

Original

#86A201

Protanopia

#929228

Deuteranopia

#908E31

Tritanopia

#87474D

Achromatopsia

#909090

CSS Usage

background-color: #86A201;
color: #86A201;
border-color: #86A201;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FCFEF1
100
#F7FCDE
200
#F2FFB8
300
#E9FE85
400
#DEFE43
500
#D2FD02
600
#A8CB01
700
#86A201
800
#697F01
900
#4D5C05
950
#303A03

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

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