#86F6BC

#86F6BC

Color Values

HEX

#86F6BC

RGB

134, 246, 188

HSL

148.9, 86.2%, 74.5%

HSV

148.9, 45.5%, 96.5%

CMYK

45.5%, 0.0%, 23.6%, 3.5%

OKLCH

0.8911 0.1322 159.5

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#86F6BC

#F686C0

Analogous

#88F686

#86F6F4

#86F6BC

Triadic

#86F6BC

#BC86F6

#F6BC86

Split Complementary

#86F6BC

#F486F6

#F68688

Tetradic

#86F6BC

#8688F6

#F686C0

#F6F486

Color Blindness Simulation

Original

#86F6BC

Protanopia

#B7B7CA

Deuteranopia

#B0A8CD

Tritanopia

#8CD5D8

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BDFADA
300
#8DF7C0
400
#4FF29E
500
#12ED7B
600
#0EBE63
700
#0B984F
800
#09773E
900
#0B562F
950
#07361E

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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