#8DF4CD

#8DF4CD

Color Values

HEX

#8DF4CD

RGB

141, 244, 205

HSL

157,3, 82,4%, 75,5%

HSV

157,3, 42,2%, 95,7%

CMYK

42,2%, 0,0%, 16,0%, 4,3%

OKLCH

0,8936 0,1119 167,4

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#8DF4CD

#F48DB4

Analogous

#8DF49A

#8DE7F4

#8DF4CD

Triadic

#8DF4CD

#CD8DF4

#F4CD8D

Split Complementary

#8DF4CD

#F48DE7

#F49A8D

Tetradic

#8DF4CD

#9A8DF4

#F48DB4

#E7F48D

Color Blindness Simulation

Original

#8DF4CD

Protanopia

#BABAD6

Deuteranopia

#B4ACD9

Tritanopia

#92DEE0

Achromatopsia

#DBDBDB

CSS Usage

background-color: #8DF4CD;
color: #8DF4CD;
border-color: #8DF4CD;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F2FDF9
100
#E1FAF0
200
#BEF9E2
300
#8FF4CE
400
#53EEB4
500
#16E999
600
#12BA7A
700
#0E9562
800
#0B744D
900
#0D5439
950
#083524

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026