#8CF7DD

#8CF7DD

Color Values

HEX

#8CF7DD

RGB

140, 247, 221

HSL

165.4, 87.0%, 75.9%

HSV

165.4, 43.3%, 96.9%

CMYK

43.3%, 0.0%, 10.5%, 3.1%

OKLCH

0.9043 0.1067 176.2

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#8CF7DD

#F78CA6

Analogous

#8CF7A8

#8CDCF7

#8CF7DD

Triadic

#8CF7DD

#DD8CF7

#F7DD8C

Split Complementary

#8CF7DD

#F78CDC

#F7A88C

Tetradic

#8CF7DD

#A88CF7

#F78CA6

#DCF78C

Color Blindness Simulation

Original

#8CF7DD

Protanopia

#BABBE3

Deuteranopia

#B4ACE5

Tritanopia

#91E8E9

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E0FAF4
200
#BCFAEB
300
#8DF7DD
400
#4FF3CB
500
#11EEB8
600
#0DBF94
700
#0B9976
800
#08775C
900
#0B5644
950
#07372B

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.46: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