#D6BAF4

Color Details

HEX
#D6BAF4
RGB
rgb(214, 186, 244)
HSL
hsl(269, 73%, 84%)
CMYK
cmyk(12%, 24%, 0%, 4%)
Best text on this color #000000 (CR 12.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d6baf4
Contrast 12.19:1 AAA
White on #d6baf4
Contrast 1.72:1 Fail
#d6baf4 on Black
Contrast 12.19:1 AAA
#d6baf4 on White
Contrast 1.72:1 Fail

Tints & Shades

#dec8f6
#e6d6f8
#efe3fb
#ab95c3
#807092
#564a62

Complement & Analogous

#d7f4b8
#f3b8f4
#b8b9f4

Triadic

#f4d5b8
#b8f4d5

Monochrome

#564a62 #807092 #d6baf4 #e6d6f8 #efe3fb #f7f1fd

Analogous

#b8b9f4 #cdcef7 #d6baf4 #f5c6f6 #f3b8f4 #c293c3

Complementary Mix

#807092 #d6baf4 #e6d6f8 #d7f4b8 #e5f8d1 #8c9f78

Nearby Colors

#d6baf3
#d6baf5
#d6bae4
#d6bb04

Embed #D6BAF4 swatch

Embed this swatch

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

Open image

About #D6BAF4

#D6BAF4 converts to RGB(214, 186, 244) and HSL(269, 73%, 84%). 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).

#D6BAF4 FAQs

What is the RGB value of #D6BAF4?
RGB: 214, 186, 244. Copy as CSS: rgb(214, 186, 244)
Is #D6BAF4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #D6BAF4?
Complement: #d7f4b8.
Does #D6BAF4 have good contrast on white or black?
On white: 1.72:1 (Fails AA). On black: 12.19:1 (AAA (normal text)).