#A1D6CD

Color Details

HEX
#A1D6CD
RGB
rgb(161, 214, 205)
HSL
hsl(170, 39%, 74%)
CMYK
cmyk(25%, 0%, 4%, 16%)
Best text on this color #000000 (CR 13.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a1d6cd
Contrast 13.02:1 AAA
White on #a1d6cd
Contrast 1.61:1 Fail
#a1d6cd on Black
Contrast 13.02:1 AAA
#a1d6cd on White
Contrast 1.61:1 Fail

Tints & Shades

#b4ded7
#c7e6e1
#d9efeb
#81aba4
#61807b
#405652

Complement & Analogous

#d7a3ab
#a3c5d7
#a3d7b4

Triadic

#cea3d7
#d7cea3

Monochrome

#405652 #61807b #a1d6cd #c7e6e1 #d9efeb #ecf7f5

Analogous

#a3d7b4 #bfe3cb #a1d6cd #b5d1df #a3c5d7 #829eac

Complementary Mix

#61807b #a1d6cd #c7e6e1 #d7a3ab #e5c3c8 #8c6a6f

Nearby Colors

#a1d6cc
#a1d6ce
#a1d6bd
#a1d6dd

Embed #A1D6CD swatch

Embed this swatch

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

Open image

About #A1D6CD

#A1D6CD converts to RGB(161, 214, 205) and HSL(170, 39%, 74%). 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).

#A1D6CD FAQs

What is the RGB value of #A1D6CD?
RGB: 161, 214, 205. Copy as CSS: rgb(161, 214, 205)
Is #A1D6CD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A1D6CD?
Complement: #d7a3ab.
Does #A1D6CD have good contrast on white or black?
On white: 1.61:1 (Fails AA). On black: 13.02:1 (AAA (normal text)).