#8AF9B6

#8AF9B6

Color Values

HEX

#8AF9B6

RGB

138, 249, 182

HSL

143.8, 90.2%, 75.9%

HSV

143.8, 44.6%, 97.6%

CMYK

44.6%, 0.0%, 26.9%, 2.4%

OKLCH

0.8984 0.1393 155.8

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#8AF9B6

#F98ACD

Analogous

#96F98A

#8AF9EE

#8AF9B6

Triadic

#8AF9B6

#B68AF9

#F9B68A

Split Complementary

#8AF9B6

#EE8AF9

#F98A96

Tetradic

#8AF9B6

#8A96F9

#F98ACD

#F9EE8A

Color Blindness Simulation

Original

#8AF9B6

Protanopia

#BABBC6

Deuteranopia

#B4ABCA

Tritanopia

#90D3D6

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBEA
200
#BBFCD5
300
#8BF9B6
400
#4CF68F
500
#0CF368
600
#0AC253
700
#089B42
800
#067934
900
#095828
950
#063719

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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