#86D52F

#86D52F

Color Values

HEX

#86D52F

RGB

134, 213, 47

HSL

88,6, 66,4%, 51,0%

HSV

88,6, 77,9%, 83,5%

CMYK

37,1%, 0,0%, 77,9%, 16,5%

OKLCH

0,7922 0,2047 132,4

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#86D52F

#7E2FD5

Analogous

#D5D12F

#33D52F

#86D52F

Triadic

#86D52F

#2F86D5

#D52F86

Split Complementary

#86D52F

#2F33D5

#D12FD5

Tetradic

#86D52F

#2FD5D1

#7E2FD5

#D52F33

Color Blindness Simulation

Original

#86D52F

Protanopia

#A8A957

Deuteranopia

#A49E61

Tritanopia

#8A777E

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DCF3C4
300
#C4EA99
400
#A4DF62
500
#83D42B
600
#69AA22
700
#54881B
800
#426A15
900
#324D13
950
#1F310C

Contrast Checker

Text on white

1,81:1

AA Fail AAA Fail

Text on black

11,57:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026