#9ED8CC

Color Details

HEX
#9ED8CC
RGB
rgb(158, 216, 204)
HSL
hsl(168, 43%, 73%)
CMYK
cmyk(27%, 0%, 6%, 15%)
Best text on this color #000000 (CR 13.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9ed8cc
Contrast 13.15:1 AAA
White on #9ed8cc
Contrast 1.60:1 Fail
#9ed8cc on Black
Contrast 13.15:1 AAA
#9ed8cc on White
Contrast 1.60:1 Fail

Tints & Shades

#b1e0d6
#c5e8e0
#d8efeb
#7eada3
#5f827a
#3f5652

Complement & Analogous

#d89da8
#9dc6d8
#9dd8ae

Triadic

#cc9dd8
#d8cc9d

Monochrome

#3f5652 #5f827a #9ed8cc #c5e8e0 #d8efeb #ecf7f5

Analogous

#9dd8ae #bae4c6 #9ed8cc #b1d1e0 #9dc6d8 #7e9ead

Complementary Mix

#5f827a #9ed8cc #c5e8e0 #d89da8 #e6bfc6 #8c666d

Nearby Colors

#9ed8cb
#9ed8cd
#9ed8bc
#9ed8dc

Embed #9ED8CC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #9ED8CC

#9ED8CC converts to RGB(158, 216, 204) and HSL(168, 43%, 73%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#9ED8CC FAQs

What is the RGB value of #9ED8CC?
RGB: 158, 216, 204. Copy as CSS: rgb(158, 216, 204)
Is #9ED8CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9ED8CC?
Complement: #d89da8.
Does #9ED8CC have good contrast on white or black?
On white: 1.60:1 (Fails AA). On black: 13.15:1 (AAA (normal text)).