#86EDB8

#86EDB8

Color Values

HEX

#86EDB8

RGB

134, 237, 184

HSL

149.1, 74.1%, 72.7%

HSV

149.1, 43.5%, 92.9%

CMYK

43.5%, 0.0%, 22.4%, 7.1%

OKLCH

0.8692 0.1229 159.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#86EDB8

#ED86BB

Analogous

#87ED86

#86EDEB

#86EDB8

Triadic

#86EDB8

#B886ED

#EDB886

Split Complementary

#86EDB8

#EB86ED

#ED8687

Tetradic

#86EDB8

#8687ED

#ED86BB

#EDEB86

Color Blindness Simulation

Original

#86EDB8

Protanopia

#B3B3C5

Deuteranopia

#ADA5C8

Tritanopia

#8BCFD1

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C1F6DB
300
#94EFC0
400
#5BE79F
500
#21DE7D
600
#1AB264
700
#158E50
800
#116F3E
900
#10512F
950
#0A331E

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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