#8DF7EC

#8DF7EC

Color Values

HEX

#8DF7EC

RGB

141, 247, 236

HSL

173,8, 86,9%, 76,1%

HSV

173,8, 42,9%, 96,9%

CMYK

42,9%, 0,0%, 4,5%, 3,1%

OKLCH

0,9091 0,1003 187,0

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#8DF7EC

#F78D98

Analogous

#8DF7B7

#8DCDF7

#8DF7EC

Triadic

#8DF7EC

#EC8DF7

#F7EC8D

Split Complementary

#8DF7EC

#F78DCD

#F7B78D

Tetradic

#8DF7EC

#B78DF7

#F78D98

#CDF78D

Color Blindness Simulation

Original

#8DF7EC

Protanopia

#BBBCEF

Deuteranopia

#B5ADEF

Tritanopia

#92F1F1

Achromatopsia

#E0E0E0

CSS Usage

background-color: #8DF7EC;
color: #8DF7EC;
border-color: #8DF7EC;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BCFAF4
300
#8DF7EC
400
#4FF3E2
500
#11EED7
600
#0DBFAC
700
#0B998A
800
#08776C
900
#0B564F
950
#073732

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,65: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