#8AF9B7

#8AF9B7

Color Values

HEX

#8AF9B7

RGB

138, 249, 183

HSL

144.3, 90.2%, 75.9%

HSV

144.3, 44.6%, 97.6%

CMYK

44.6%, 0.0%, 26.5%, 2.4%

OKLCH

0.8986 0.1384 156.1

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#8AF9B7

#F98ACC

Analogous

#95F98A

#8AF9EE

#8AF9B7

Triadic

#8AF9B7

#B78AF9

#F9B78A

Split Complementary

#8AF9B7

#EE8AF9

#F98A95

Tetradic

#8AF9B7

#8A95F9

#F98ACC

#F9EE8A

Color Blindness Simulation

Original

#8AF9B7

Protanopia

#BABBC7

Deuteranopia

#B4ABCB

Tritanopia

#90D4D6

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBEB
200
#BBFCD5
300
#8BF9B7
400
#4CF690
500
#0CF36A
600
#0AC255
700
#089B44
800
#067935
900
#095829
950
#06371A

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