#A5F8CC

Color Details

HEX
#A5F8CC
RGB
rgb(165, 248, 204)
HSL
hsl(148, 86%, 81%)
CMYK
cmyk(33%, 0%, 18%, 3%)
Best text on this color #000000 (CR 16.90:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a5f8cc
Contrast 16.90:1 AAA
White on #a5f8cc
Contrast 1.24:1 Fail
#a5f8cc on Black
Contrast 16.90:1 AAA
#a5f8cc on White
Contrast 1.24:1 Fail

Tints & Shades

#b7f9d6
#c9fbe0
#dbfceb
#84c6a3
#63957a
#426352

Complement & Analogous

#f8a5d1
#a5f8f5
#a8f8a5

Triadic

#cca5f8
#f8cca5

Monochrome

#426352 #63957a #a5f8cc #c9fbe0 #dbfceb #edfef5

Analogous

#a8f8a5 #c2fac0 #a5f8cc #b7f9f7 #a5f8f5 #84c6c4

Complementary Mix

#63957a #a5f8cc #c9fbe0 #f8a5d1 #fac5e1 #a16b88

Nearby Colors

#a5f8cb
#a5f8cd
#a5f8bc
#a5f8dc

Embed #A5F8CC swatch

Embed this swatch

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

Open image

About #A5F8CC

#A5F8CC converts to RGB(165, 248, 204) and HSL(148, 86%, 81%). 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).

#A5F8CC FAQs

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