#8DD3CC

Color Details

HEX
#8DD3CC
RGB
rgb(141, 211, 204)
HSL
hsl(174, 44%, 69%)
CMYK
cmyk(33%, 0%, 3%, 17%)
Best text on this color #000000 (CR 12.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8dd3cc
Contrast 12.32:1 AAA
White on #8dd3cc
Contrast 1.70:1 Fail
#8dd3cc on Black
Contrast 12.32:1 AAA
#8dd3cc on White
Contrast 1.70:1 Fail

Tints & Shades

#a4dcd6
#bbe5e0
#d1edeb
#71a9a3
#557f7a
#385452

Complement & Analogous

#d38d94
#8db7d3
#8dd3a9

Triadic

#cc8dd3
#d3cc8d

Monochrome

#385452 #557f7a #8dd3cc #bbe5e0 #d1edeb #e8f6f5

Analogous

#8dd3a9 #afe0c3 #8dd3cc #a4c5dc #8db7d3 #7192a9

Complementary Mix

#557f7a #8dd3cc #bbe5e0 #d38d94 #e2b5b9 #895c60

Nearby Colors

#8dd3cb
#8dd3cd
#8dd3bc
#8dd3dc

Embed #8DD3CC swatch

Embed this swatch

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

Open image

About #8DD3CC

#8DD3CC converts to RGB(141, 211, 204) and HSL(174, 44%, 69%). 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).

#8DD3CC FAQs

What is the RGB value of #8DD3CC?
RGB: 141, 211, 204. Copy as CSS: rgb(141, 211, 204)
Is #8DD3CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8DD3CC?
Complement: #d38d94.
Does #8DD3CC have good contrast on white or black?
On white: 1.70:1 (Fails AA). On black: 12.32:1 (AAA (normal text)).