#8FD2AC

#8FD2AC

Color Values

HEX

#8FD2AC

RGB

143, 210, 172

HSL

146.0, 42.7%, 69.2%

HSV

146.0, 31.9%, 82.4%

CMYK

31.9%, 0.0%, 18.1%, 17.6%

OKLCH

0.8084 0.0869 158.8

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#8FD2AC

#D28FB5

Analogous

#93D28F

#8FD2CE

#8FD2AC

Triadic

#8FD2AC

#AC8FD2

#D2AC8F

Split Complementary

#8FD2AC

#CE8FD2

#D28F93

Tetradic

#8FD2AC

#8F93D2

#D28FB5

#D2CE8F

Color Blindness Simulation

Original

#8FD2AC

Protanopia

#ACADB5

Deuteranopia

#A8A3B7

Tritanopia

#92BCBE

Achromatopsia

#C1C1C1

CSS Usage

background-color: #8FD2AC;
color: #8FD2AC;
border-color: #8FD2AC;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD9
300
#A8DCBE
400
#78C99B
500
#49B678
600
#3A9260
700
#2F744D
800
#255B3C
900
#1E432E
950
#132A1D

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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