#86CA86

#86CA86

Color Values

HEX

#86CA86

RGB

134, 202, 134

HSL

120.0, 39.1%, 65.9%

HSV

120.0, 33.7%, 79.2%

CMYK

33.7%, 0.0%, 33.7%, 20.8%

OKLCH

0.7763 0.1175 144.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#86CA86

#CA86CA

Analogous

#A8CA86

#86CAA8

#86CA86

Triadic

#86CA86

#8686CA

#CA8686

Split Complementary

#86CA86

#A886CA

#CA86A8

Tetradic

#86CA86

#86A8CA

#CA86CA

#CAA886

Color Blindness Simulation

Original

#86CA86

Protanopia

#A3A496

Deuteranopia

#A09A9A

Tritanopia

#89A3A6

Achromatopsia

#B7B7B7

CSS Usage

background-color: #86CA86;
color: #86CA86;
border-color: #86CA86;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CDE9CD
300
#AADAAA
400
#7CC67C
500
#4EB14E
600
#3E8E3E
700
#327232
800
#275927
900
#1F411F
950
#142914

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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