#A5CDE1

Color Details

HEX
#A5CDE1
RGB
rgb(165, 205, 225)
HSL
hsl(200, 50%, 76%)
CMYK
cmyk(27%, 9%, 0%, 12%)
Best text on this color #000000 (CR 12.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a5cde1
Contrast 12.42:1 AAA
White on #a5cde1
Contrast 1.69:1 Fail
#a5cde1 on Black
Contrast 12.42:1 AAA
#a5cde1 on White
Contrast 1.69:1 Fail

Tints & Shades

#b7d7e7
#c9e1ed
#dbebf3
#84a4b4
#637b87
#42525a

Complement & Analogous

#e0b8a3
#a3ade0
#a3e0d6

Triadic

#e0a3cc
#cce0a3

Monochrome

#42525a #637b87 #a5cde1 #c9e1ed #dbebf3 #edf5f9

Analogous

#a3e0d6 #bfe9e2 #a5cde1 #b5bde6 #a3ade0 #828ab3

Complementary Mix

#637b87 #a5cde1 #c9e1ed #e0b8a3 #ebd1c3 #92786a

Nearby Colors

#a5cde0
#a5cde2
#a5cdd1
#a5cdf1

Embed #A5CDE1 swatch

Embed this swatch

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

Open image

About #A5CDE1

#A5CDE1 converts to RGB(165, 205, 225) and HSL(200, 50%, 76%). 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).

#A5CDE1 FAQs

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