#ADFADE

Color Details

HEX
#ADFADE
RGB
rgb(173, 250, 222)
HSL
hsl(158, 89%, 83%)
CMYK
cmyk(31%, 0%, 11%, 2%)
Best text on this color #000000 (CR 17.51:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adfade
Contrast 17.51:1 AAA
White on #adfade
Contrast 1.20:1 Fail
#adfade on Black
Contrast 17.51:1 AAA
#adfade on White
Contrast 1.20:1 Fail

Tints & Shades

#bdfbe5
#cefceb
#defdf2
#8ac8b2
#689685
#456459

Complement & Analogous

#faadc9
#adf0fa
#adfab7

Triadic

#deadfa
#fadead

Monochrome

#456459 #689685 #adfade #cefceb #defdf2 #effef8

Analogous

#adfab7 #c6fccd #adfade #bdf3fb #adf0fa #8ac0c8

Complementary Mix

#689685 #adfade #cefceb #faadc9 #fccadc #a37083

Nearby Colors

#adfadd
#adfadf
#adface
#adfaee

Embed #ADFADE swatch

Embed this swatch

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

Open image

About #ADFADE

#ADFADE converts to RGB(173, 250, 222) and HSL(158, 89%, 83%). 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).

#ADFADE FAQs

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