#80CEDC

Color Details

HEX
#80CEDC
RGB
rgb(128, 206, 220)
HSL
hsl(189, 57%, 68%)
CMYK
cmyk(42%, 6%, 0%, 14%)
Best text on this color #000000 (CR 11.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #80cedc
Contrast 11.78:1 AAA
White on #80cedc
Contrast 1.78:1 Fail
#80cedc on Black
Contrast 11.78:1 AAA
#80cedc on White
Contrast 1.78:1 Fail

Tints & Shades

#99d8e3
#b3e2ea
#ccebf1
#66a5b0
#4d7c84
#335258

Complement & Analogous

#dc8d7f
#7f9fdc
#7fdcbb

Triadic

#dc7fce
#cedc7f

Monochrome

#335258 #4d7c84 #80cedc #b3e2ea #ccebf1 #e6f5f8

Analogous

#7fdcbb #a5e7cf #80cedc #99b2e3 #7f9fdc #667fb0

Complementary Mix

#4d7c84 #80cedc #b3e2ea #dc8d7f #e8b5ac #8f5c53

Nearby Colors

#80cedb
#80cedd
#80cecc
#80ceec

Embed #80CEDC swatch

Embed this swatch

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

Open image

About #80CEDC

#80CEDC converts to RGB(128, 206, 220) and HSL(189, 57%, 68%). 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).

#80CEDC FAQs

What is the RGB value of #80CEDC?
RGB: 128, 206, 220. Copy as CSS: rgb(128, 206, 220)
Is #80CEDC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #80CEDC?
Complement: #dc8d7f.
Does #80CEDC have good contrast on white or black?
On white: 1.78:1 (Fails AA). On black: 11.78:1 (AAA (normal text)).