#8FF7C7

#8FF7C7

Color Values

HEX

#8FF7C7

RGB

143, 247, 199

HSL

152.3, 86.7%, 76.5%

HSV

152.3, 42.1%, 96.9%

CMYK

42.1%, 0.0%, 19.4%, 3.1%

OKLCH

0.8999 0.1191 162.8

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#8FF7C7

#F78FBF

Analogous

#8FF793

#8FF3F7

#8FF7C7

Triadic

#8FF7C7

#C78FF7

#F7C78F

Split Complementary

#8FF7C7

#F78FF3

#F7938F

Tetradic

#8FF7C7

#938FF7

#F78FBF

#F3F78F

Color Blindness Simulation

Original

#8FF7C7

Protanopia

#BCBDD3

Deuteranopia

#B6AED5

Tritanopia

#94DCDE

Achromatopsia

#DDDDDD

CSS Usage

background-color: #8FF7C7;
color: #8FF7C7;
border-color: #8FF7C7;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BCFADE
300
#8DF7C6
400
#4FF2A7
500
#11EE88
600
#0EBE6D
700
#0B9857
800
#087744
900
#0B5633
950
#073620

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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