#A3BDDC

Color Details

HEX
#A3BDDC
RGB
rgb(163, 189, 220)
HSL
hsl(213, 45%, 75%)
CMYK
cmyk(26%, 14%, 0%, 14%)
Best text on this color #000000 (CR 10.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a3bddc
Contrast 10.87:1 AAA
White on #a3bddc
Contrast 1.93:1 Fail
#a3bddc on Black
Contrast 10.87:1 AAA
#a3bddc on White
Contrast 1.93:1 Fail

Tints & Shades

#b5cae3
#c8d7ea
#dae5f1
#8297b0
#627184
#414c58

Complement & Analogous

#dcc2a3
#a5a3dc
#a3d9dc

Triadic

#dca3bc
#bcdca3

Monochrome

#414c58 #627184 #a3bddc #c8d7ea #dae5f1 #edf2f8

Analogous

#a3d9dc #bfe4e7 #a3bddc #b7b5e3 #a5a3dc #8482b0

Complementary Mix

#627184 #a3bddc #c8d7ea #dcc2a3 #e8d7c3 #8f7e6a

Nearby Colors

#a3bddb
#a3bddd
#a3bdcc
#a3bdec

Embed #A3BDDC swatch

Embed this swatch

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

Open image

About #A3BDDC

#A3BDDC converts to RGB(163, 189, 220) and HSL(213, 45%, 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).

#A3BDDC FAQs

What is the RGB value of #A3BDDC?
RGB: 163, 189, 220. Copy as CSS: rgb(163, 189, 220)
Is #A3BDDC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A3BDDC?
Complement: #dcc2a3.
Does #A3BDDC have good contrast on white or black?
On white: 1.93:1 (Fails AA). On black: 10.87:1 (AAA (normal text)).