#A2BBDF

Color Details

HEX
#A2BBDF
RGB
rgb(162, 187, 223)
HSL
hsl(215, 49%, 75%)
CMYK
cmyk(27%, 16%, 0%, 13%)
Best text on this color #000000 (CR 10.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a2bbdf
Contrast 10.71:1 AAA
White on #a2bbdf
Contrast 1.96:1 Fail
#a2bbdf on Black
Contrast 10.71:1 AAA
#a2bbdf on White
Contrast 1.96:1 Fail

Tints & Shades

#b5c9e5
#c7d6ec
#dae4f2
#8296b2
#617086
#414b59

Complement & Analogous

#dec4a0
#a5a0de
#a0d9de

Triadic

#dea0ba
#badea0

Monochrome

#414b59 #617086 #a2bbdf #c7d6ec #dae4f2 #ecf1f9

Analogous

#a0d9de #bde4e8 #a2bbdf #b7b3e5 #a5a0de #8480b2

Complementary Mix

#617086 #a2bbdf #c7d6ec #dec4a0 #ead9c1 #907f68

Nearby Colors

#a2bbde
#a2bbe0
#a2bbcf
#a2bbef

Embed #A2BBDF swatch

Embed this swatch

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

Open image

About #A2BBDF

#A2BBDF converts to RGB(162, 187, 223) and HSL(215, 49%, 75%). 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).

#A2BBDF FAQs

What is the RGB value of #A2BBDF?
RGB: 162, 187, 223. Copy as CSS: rgb(162, 187, 223)
Is #A2BBDF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A2BBDF?
Complement: #dec4a0.
Does #A2BBDF have good contrast on white or black?
On white: 1.96:1 (Fails AA). On black: 10.71:1 (AAA (normal text)).