#A4BFDC

Color Details

HEX
#A4BFDC
RGB
rgb(164, 191, 220)
HSL
hsl(211, 44%, 75%)
CMYK
cmyk(25%, 13%, 0%, 14%)
Best text on this color #000000 (CR 11.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a4bfdc
Contrast 11.06:1 AAA
White on #a4bfdc
Contrast 1.90:1 Fail
#a4bfdc on Black
Contrast 11.06:1 AAA
#a4bfdc on White
Contrast 1.90:1 Fail

Tints & Shades

#b6cce3
#c8d9ea
#dbe5f1
#8399b0
#627384
#424c58

Complement & Analogous

#dbc0a3
#a4a3db
#a3dadb

Triadic

#dba3be
#bedba3

Monochrome

#424c58 #627384 #a4bfdc #c8d9ea #dbe5f1 #edf2f8

Analogous

#a3dadb #bfe5e6 #a4bfdc #b6b5e2 #a4a3db #8382af

Complementary Mix

#627384 #a4bfdc #c8d9ea #dbc0a3 #e8d6c3 #8e7d6a

Nearby Colors

#a4bfdb
#a4bfdd
#a4bfcc
#a4bfec

Embed #A4BFDC swatch

Embed this swatch

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

Open image

About #A4BFDC

#A4BFDC converts to RGB(164, 191, 220) and HSL(211, 44%, 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).

#A4BFDC FAQs

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