#7DD8CC

Color Details

HEX
#7DD8CC
RGB
rgb(125, 216, 204)
HSL
hsl(172, 54%, 67%)
CMYK
cmyk(42%, 0%, 6%, 15%)
Best text on this color #000000 (CR 12.57:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7dd8cc
Contrast 12.57:1 AAA
White on #7dd8cc
Contrast 1.67:1 Fail
#7dd8cc on Black
Contrast 12.57:1 AAA
#7dd8cc on White
Contrast 1.67:1 Fail

Tints & Shades

#97e0d6
#b1e8e0
#cbefeb
#64ada3
#4b827a
#325652

Complement & Analogous

#d87d8a
#7db7d8
#7dd89f

Triadic

#cc7dd8
#d8cc7d

Monochrome

#325652 #4b827a #7dd8cc #b1e8e0 #cbefeb #e5f7f5

Analogous

#7dd89f #a4e4bc #7dd8cc #97c5e0 #7db7d8 #6492ad

Complementary Mix

#4b827a #7dd8cc #b1e8e0 #d87d8a #e6abb3 #8c515a

Nearby Colors

#7dd8cb
#7dd8cd
#7dd8bc
#7dd8dc

Embed #7DD8CC swatch

Embed this swatch

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

Open image

About #7DD8CC

#7DD8CC converts to RGB(125, 216, 204) and HSL(172, 54%, 67%). 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).

#7DD8CC FAQs

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