#86CB92

#86CB92

Color Values

HEX

#86CB92

RGB

134, 203, 146

HSL

130.4, 39.9%, 66.1%

HSV

130.4, 34.0%, 79.6%

CMYK

34.0%, 0.0%, 28.1%, 20.4%

OKLCH

0.7811 0.1068 148.9

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#86CB92

#CB86BF

Analogous

#9DCB86

#86CBB5

#86CB92

Triadic

#86CB92

#9286CB

#CB9286

Split Complementary

#86CB92

#B586CB

#CB869D

Tetradic

#86CB92

#869DCB

#CB86BF

#CBB586

Color Blindness Simulation

Original

#86CB92

Protanopia

#A4A4A0

Deuteranopia

#A09BA3

Tritanopia

#89ABAD

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CDEAD2
300
#A9DAB2
400
#7BC688
500
#4DB25E
600
#3D8F4B
700
#31723C
800
#26592F
900
#1F4225
950
#142A17

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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