#9DF8CC

#9DF8CC

Color Values

HEX

#9DF8CC

RGB

157, 248, 204

HSL

151.0, 86.7%, 79.4%

HSV

151.0, 36.7%, 97.3%

CMYK

36.7%, 0.0%, 17.7%, 2.7%

OKLCH

0.91 0.1071 162.3

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#9DF8CC

#F89DC9

Analogous

#9DF89E

#9DF6F8

#9DF8CC

Triadic

#9DF8CC

#CC9DF8

#F8CC9D

Split Complementary

#9DF8CC

#F89DF6

#F89E9D

Tetradic

#9DF8CC

#9E9DF8

#F89DC9

#F6F89D

Color Blindness Simulation

Original

#9DF8CC

Protanopia

#C4C5D7

Deuteranopia

#BFB8D9

Tritanopia

#A2DFE1

Achromatopsia

#E1E1E1

CSS Usage

background-color: #9DF8CC;
color: #9DF8CC;
border-color: #9DF8CC;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BCFADC
300
#8DF7C4
400
#4FF2A3
500
#11EE83
600
#0EBE69
700
#0B9854
800
#087742
900
#0B5632
950
#07361F

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.73:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026