#AFF1CC

Color Details

HEX
#AFF1CC
RGB
rgb(175, 241, 204)
HSL
hsl(146, 70%, 82%)
CMYK
cmyk(27%, 0%, 15%, 5%)
Best text on this color #000000 (CR 16.28:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aff1cc
Contrast 16.28:1 AAA
White on #aff1cc
Contrast 1.29:1 Fail
#aff1cc on Black
Contrast 16.28:1 AAA
#aff1cc on White
Contrast 1.29:1 Fail

Tints & Shades

#bff4d6
#cff7e0
#dff9eb
#8cc1a3
#69917a
#466052

Complement & Analogous

#f1b1d5
#b1f1ed
#b5f1b1

Triadic

#cdb1f1
#f1cdb1

Monochrome

#466052 #69917a #aff1cc #cff7e0 #dff9eb #effcf5

Analogous

#b5f1b1 #cbf5c8 #aff1cc #c1f4f1 #b1f1ed #8ec1be

Complementary Mix

#69917a #aff1cc #cff7e0 #f1b1d5 #f6cce4 #9d738a

Nearby Colors

#aff1cb
#aff1cd
#aff1bc
#aff1dc

Embed #AFF1CC swatch

Embed this swatch

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

Open image

About #AFF1CC

#AFF1CC converts to RGB(175, 241, 204) and HSL(146, 70%, 82%). 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).

#AFF1CC FAQs

What is the RGB value of #AFF1CC?
RGB: 175, 241, 204. Copy as CSS: rgb(175, 241, 204)
Is #AFF1CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AFF1CC?
Complement: #f1b1d5.
Does #AFF1CC have good contrast on white or black?
On white: 1.29:1 (Fails AA). On black: 16.28:1 (AAA (normal text)).