#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

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026