#8AE0CC

Color Details

HEX
#8AE0CC
RGB
rgb(138, 224, 204)
HSL
hsl(166, 58%, 71%)
CMYK
cmyk(38%, 0%, 9%, 12%)
Best text on this color #000000 (CR 13.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8ae0cc
Contrast 13.61:1 AAA
White on #8ae0cc
Contrast 1.54:1 Fail
#8ae0cc on Black
Contrast 13.61:1 AAA
#8ae0cc on White
Contrast 1.54:1 Fail

Tints & Shades

#a1e6d6
#b9ece0
#d0f3eb
#6eb3a3
#53867a
#375a52

Complement & Analogous

#e08a9e
#8ac9e0
#8ae0a1

Triadic

#cc8ae0
#e0cc8a

Monochrome

#375a52 #53867a #8ae0cc #b9ece0 #d0f3eb #e8f9f5

Analogous

#8ae0a1 #ade9bd #8ae0cc #a1d4e6 #8ac9e0 #6ea1b3

Complementary Mix

#53867a #8ae0cc #b9ece0 #e08a9e #ebb3c0 #925a67

Nearby Colors

#8ae0cb
#8ae0cd
#8ae0bc
#8ae0dc

Embed #8AE0CC swatch

Embed this swatch

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

Open image

About #8AE0CC

#8AE0CC converts to RGB(138, 224, 204) and HSL(166, 58%, 71%). 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).

#8AE0CC FAQs

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