#86FED8

#86FED8

Color Values

HEX

#86FED8

RGB

134, 254, 216

HSL

161.0, 98.4%, 76.1%

HSV

161.0, 47.2%, 99.6%

CMYK

47.2%, 0.0%, 15.0%, 0.4%

OKLCH

0.9164 0.1222 170.7

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#86FED8

#FE86AC

Analogous

#86FE9C

#86E8FE

#86FED8

Triadic

#86FED8

#D886FE

#FED886

Split Complementary

#86FED8

#FE86E8

#FE9C86

Tetradic

#86FED8

#9C86FE

#FE86AC

#E8FE86

Color Blindness Simulation

Original

#86FED8

Protanopia

#BABBE1

Deuteranopia

#B3AAE3

Tritanopia

#8CE8EA

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F1FEFA
100
#DEFCF3
200
#B8FEE8
300
#86FED8
400
#44FDC3
500
#02FDAE
600
#02CA8B
700
#01A26F
800
#017E57
900
#065B40
950
#043A29

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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