#8BF6BA

#8BF6BA

Color Values

HEX

#8BF6BA

RGB

139, 246, 186

HSL

146.4, 85.6%, 75.5%

HSV

146.4, 43.5%, 96.5%

CMYK

43.5%, 0.0%, 24.4%, 3.5%

OKLCH

0.8927 0.1309 157.7

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#8BF6BA

#F68BC7

Analogous

#91F68B

#8BF6F0

#8BF6BA

Triadic

#8BF6BA

#BA8BF6

#F6BA8B

Split Complementary

#8BF6BA

#F08BF6

#F68B91

Tetradic

#8BF6BA

#8B91F6

#F68BC7

#F6F08B

Color Blindness Simulation

Original

#8BF6BA

Protanopia

#B9BAC9

Deuteranopia

#B3ABCC

Tritanopia

#90D4D6

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDFAD8
300
#8DF6BC
400
#50F197
500
#12ED72
600
#0FBD5C
700
#0C9749
800
#097639
900
#0B562C
950
#07361C

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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