#D1BAF4

Color Details

HEX
#D1BAF4
RGB
rgb(209, 186, 244)
HSL
hsl(264, 73%, 84%)
CMYK
cmyk(14%, 24%, 0%, 4%)
Best text on this color #000000 (CR 12.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d1baf4
Contrast 12.04:1 AAA
White on #d1baf4
Contrast 1.74:1 Fail
#d1baf4 on Black
Contrast 12.04:1 AAA
#d1baf4 on White
Contrast 1.74:1 Fail

Tints & Shades

#dac8f6
#e3d6f8
#ede3fb
#a795c3
#7d7092
#544a62

Complement & Analogous

#dcf4b8
#eeb8f4
#b8bef4

Triadic

#f4d0b8
#b8f4d0

Monochrome

#544a62 #7d7092 #d1baf4 #e3d6f8 #ede3fb #f6f1fd

Analogous

#b8bef4 #cdd2f7 #d1baf4 #f1c6f6 #eeb8f4 #be93c3

Complementary Mix

#7d7092 #d1baf4 #e3d6f8 #dcf4b8 #e8f8d1 #8f9f78

Nearby Colors

#d1baf3
#d1baf5
#d1bae4
#d1bb04

Embed #D1BAF4 swatch

Embed this swatch

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

Open image

About #D1BAF4

#D1BAF4 converts to RGB(209, 186, 244) and HSL(264, 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).

#D1BAF4 FAQs

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