#80CBBC

Color Details

HEX
#80CBBC
RGB
rgb(128, 203, 188)
HSL
hsl(168, 42%, 65%)
CMYK
cmyk(37%, 0%, 7%, 20%)
Best text on this color #000000 (CR 11.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #80cbbc
Contrast 11.19:1 AAA
White on #80cbbc
Contrast 1.88:1 Fail
#80cbbc on Black
Contrast 11.19:1 AAA
#80cbbc on White
Contrast 1.88:1 Fail

Tints & Shades

#99d5c9
#b3e0d7
#cceae4
#66a296
#4d7a71
#33514b

Complement & Analogous

#cb808f
#80b5cb
#80cb97

Triadic

#bc80cb
#cbbc80

Monochrome

#33514b #4d7a71 #80cbbc #b3e0d7 #cceae4 #e6f5f2

Analogous

#80cb97 #a6dbb6 #80cbbc #99c4d5 #80b5cb #6691a2

Complementary Mix

#4d7a71 #80cbbc #b3e0d7 #cb808f #ddacb6 #84535d

Nearby Colors

#80cbbb
#80cbbd
#80cbac
#80cbcc

Embed #80CBBC swatch

Embed this swatch

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

Open image

About #80CBBC

#80CBBC converts to RGB(128, 203, 188) and HSL(168, 42%, 65%). 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).

#80CBBC FAQs

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