#A5BCCD

Color Details

HEX
#A5BCCD
RGB
rgb(165, 188, 205)
HSL
hsl(206, 29%, 73%)
CMYK
cmyk(20%, 8%, 0%, 20%)
Best text on this color #000000 (CR 10.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a5bccd
Contrast 10.67:1 AAA
White on #a5bccd
Contrast 1.97:1 Fail
#a5bccd on Black
Contrast 10.67:1 AAA
#a5bccd on White
Contrast 1.97:1 Fail

Tints & Shades

#b7c9d7
#c9d7e1
#dbe4eb
#8496a4
#63717b
#424b52

Complement & Analogous

#ceb7a6
#a6a9ce
#a6cecb

Triadic

#cea6bd
#bdcea6

Monochrome

#424b52 #63717b #a5bccd #c9d7e1 #dbe4eb #edf2f5

Analogous

#a6cecb #c1dddb #a5bccd #b8bad8 #a6a9ce #8587a5

Complementary Mix

#63717b #a5bccd #c9d7e1 #ceb7a6 #dfd0c5 #86776c

Nearby Colors

#a5bccc
#a5bcce
#a5bcbd
#a5bcdd

Embed #A5BCCD swatch

Embed this swatch

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

Open image

About #A5BCCD

#A5BCCD converts to RGB(165, 188, 205) and HSL(206, 29%, 73%). 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).

#A5BCCD FAQs

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