#86FEBA

#86FEBA

Color Values

HEX

#86FEBA

RGB

134, 254, 186

HSL

146,0, 98,4%, 76,1%

HSV

146,0, 47,2%, 99,6%

CMYK

47,2%, 0,0%, 26,8%, 0,4%

OKLCH

0,9092 0,1451 157,0

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#86FEBA

#FE86CA

Analogous

#8EFE86

#86FEF6

#86FEBA

Triadic

#86FEBA

#BA86FE

#FEBA86

Split Complementary

#86FEBA

#F686FE

#FE868E

Tetradic

#86FEBA

#868EFE

#FE86CA

#FEF686

Color Blindness Simulation

Original

#86FEBA

Protanopia

#BABBCA

Deuteranopia

#B3AACE

Tritanopia

#8CD7DA

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCEB
200
#B8FED7
300
#86FEBA
400
#44FD94
500
#02FD6F
600
#02CA59
700
#01A247
800
#017E37
900
#065B2B
950
#043A1B

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,9: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