#8DFAD3

#8DFAD3

Color Values

HEX

#8DFAD3

RGB

141, 250, 211

HSL

158.5, 91.6%, 76.7%

HSV

158.5, 43.6%, 98.0%

CMYK

43.6%, 0.0%, 15.6%, 2.0%

OKLCH

0.9089 0.1157 168.5

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#8DFAD3

#FA8DB4

Analogous

#8DFA9D

#8DEBFA

#8DFAD3

Triadic

#8DFAD3

#D38DFA

#FAD38D

Split Complementary

#8DFAD3

#FA8DEB

#FA9D8D

Tetradic

#8DFAD3

#9D8DFA

#FA8DB4

#EBFA8D

Color Blindness Simulation

Original

#8DFAD3

Protanopia

#BCBDDC

Deuteranopia

#B6AEDF

Tritanopia

#92E4E6

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BBFCE5
300
#8AFAD2
400
#4AF7B9
500
#0BF4A1
600
#09C380
700
#079C67
800
#057A50
900
#09583C
950
#053826

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026