#B4A8DD

Color Details

HEX
#B4A8DD
RGB
rgb(180, 168, 221)
HSL
hsl(254, 44%, 76%)
CMYK
cmyk(19%, 24%, 0%, 13%)
Best text on this color #000000 (CR 9.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4a8dd
Contrast 9.59:1 AAA
White on #b4a8dd
Contrast 2.19:1 Fail
#b4a8dd on Black
Contrast 9.59:1 AAA
#b4a8dd on White
Contrast 2.19:1 Fail

Tints & Shades

#c3b9e4
#d2cbeb
#e1dcf1
#9086b1
#6c6585
#484358

Complement & Analogous

#d0dda7
#cea7dd
#a7b5dd

Triadic

#ddb3a7
#a7ddb3

Monochrome

#484358 #6c6585 #b4a8dd #d2cbeb #e1dcf1 #f0eef8

Analogous

#a7b5dd #c1cbe7 #b4a8dd #d8b9e4 #cea7dd #a586b1

Complementary Mix

#6c6585 #b4a8dd #d2cbeb #d0dda7 #e0e9c6 #87906d

Nearby Colors

#b4a8dc
#b4a8de
#b4a8cd
#b4a8ed

Embed #B4A8DD swatch

Embed this swatch

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

Open image

About #B4A8DD

#B4A8DD converts to RGB(180, 168, 221) and HSL(254, 44%, 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).

#B4A8DD FAQs

What is the RGB value of #B4A8DD?
RGB: 180, 168, 221. Copy as CSS: rgb(180, 168, 221)
Is #B4A8DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B4A8DD?
Complement: #d0dda7.
Does #B4A8DD have good contrast on white or black?
On white: 2.19:1 (Fails AA). On black: 9.59:1 (AAA (normal text)).