#8FD3AC

#8FD3AC

Color Values

HEX

#8FD3AC

RGB

143, 211, 172

HSL

145.6, 43.6%, 69.4%

HSV

145.6, 32.2%, 82.7%

CMYK

32.2%, 0.0%, 18.5%, 17.3%

OKLCH

0.8107 0.0884 158.5

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#8FD3AC

#D38FB6

Analogous

#94D38F

#8FD3CE

#8FD3AC

Triadic

#8FD3AC

#AC8FD3

#D3AC8F

Split Complementary

#8FD3AC

#CE8FD3

#D38F94

Tetradic

#8FD3AC

#8F94D3

#D38FB6

#D3CE8F

Color Blindness Simulation

Original

#8FD3AC

Protanopia

#ACADB5

Deuteranopia

#A8A3B8

Tritanopia

#92BDBF

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD9
300
#A7DCBE
400
#78CA9B
500
#48B777
600
#3A925F
700
#2E754C
800
#245C3C
900
#1D432E
950
#132B1D

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026