#86BE89

#86BE89

Color Values

HEX

#86BE89

RGB

134, 190, 137

HSL

123.2, 30.1%, 63.5%

HSV

123.2, 29.5%, 74.5%

CMYK

29.5%, 0.0%, 27.9%, 25.5%

OKLCH

0.7486 0.0953 145.9

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#86BE89

#BE86BB

Analogous

#9FBE86

#86BEA5

#86BE89

Triadic

#86BE89

#8986BE

#BE8986

Split Complementary

#86BE89

#A586BE

#BE869F

Tetradic

#86BE89

#869FBE

#BE86BB

#BEA586

Color Blindness Simulation

Original

#86BE89

Protanopia

#9E9F96

Deuteranopia

#9B9799

Tritanopia

#89A0A2

Achromatopsia

#AEAEAE

CSS Usage

background-color: #86BE89;
color: #86BE89;
border-color: #86BE89;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D1E6D2
300
#AFD4B1
400
#84BD87
500
#59A65D
600
#47854B
700
#396A3C
800
#2D532F
900
#233E25
950
#162717

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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