#ADECDC

Color Details

HEX
#ADECDC
RGB
rgb(173, 236, 220)
HSL
hsl(165, 62%, 80%)
CMYK
cmyk(27%, 0%, 7%, 7%)
Best text on this color #000000 (CR 15.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adecdc
Contrast 15.81:1 AAA
White on #adecdc
Contrast 1.33:1 Fail
#adecdc on Black
Contrast 15.81:1 AAA
#adecdc on White
Contrast 1.33:1 Fail

Tints & Shades

#bdf0e3
#cef4ea
#def7f1
#8abdb0
#688e84
#455e58

Complement & Analogous

#ecacbc
#acdcec
#acecbc

Triadic

#dcacec
#ecdcac

Monochrome

#455e58 #688e84 #adecdc #cef4ea #def7f1 #effbf8

Analogous

#acecbc #c5f2d0 #adecdc #bde3f0 #acdcec #8ab0bd

Complementary Mix

#688e84 #adecdc #cef4ea #ecacbc #f3c9d3 #99707a

Nearby Colors

#adecdb
#adecdd
#adeccc
#adecec

Embed #ADECDC swatch

Embed this swatch

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

Open image

About #ADECDC

#ADECDC converts to RGB(173, 236, 220) and HSL(165, 62%, 80%). 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).

#ADECDC FAQs

What is the RGB value of #ADECDC?
RGB: 173, 236, 220. Copy as CSS: rgb(173, 236, 220)
Is #ADECDC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ADECDC?
Complement: #ecacbc.
Does #ADECDC have good contrast on white or black?
On white: 1.33:1 (Fails AA). On black: 15.81:1 (AAA (normal text)).