#8AFAD3

#8AFAD3

Color Values

HEX

#8AFAD3

RGB

138, 250, 211

HSL

159,1, 91,8%, 76,1%

HSV

159,1, 44,8%, 98,0%

CMYK

44,8%, 0,0%, 15,6%, 2,0%

OKLCH

0,9076 0,1177 168,9

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#8AFAD3

#FA8AB1

Analogous

#8AFA9B

#8AE9FA

#8AFAD3

Triadic

#8AFAD3

#D38AFA

#FAD38A

Split Complementary

#8AFAD3

#FA8AE9

#FA9B8A

Tetradic

#8AFAD3

#9B8AFA

#FA8AB1

#E9FA8A

Color Blindness Simulation

Original

#8AFAD3

Protanopia

#BBBBDC

Deuteranopia

#B4ACDF

Tritanopia

#90E4E6

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BBFCE5
300
#8AFAD3
400
#4AF7BB
500
#0AF5A3
600
#08C482
700
#079D68
800
#057A52
900
#08583D
950
#053826

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,7:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026