#B18DDC

Color Details

HEX
#B18DDC
RGB
rgb(177, 141, 220)
HSL
hsl(267, 53%, 71%)
CMYK
cmyk(20%, 36%, 0%, 14%)
Best text on this color #000000 (CR 7.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b18ddc
Contrast 7.71:1 AAA
White on #b18ddc
Contrast 2.72:1 Fail
#b18ddc on Black
Contrast 7.71:1 AAA
#b18ddc on White
Contrast 2.72:1 Fail

Tints & Shades

#c1a4e3
#d0bbea
#e0d1f1
#8e71b0
#6a5584
#473858

Complement & Analogous

#b9dc8e
#d88edc
#8e92dc

Triadic

#dcb18e
#8edcb1

Monochrome

#473858 #6a5584 #b18ddc #d0bbea #e0d1f1 #efe8f8

Analogous

#8e92dc #b0b3e7 #b18ddc #e0a5e3 #d88edc #ad72b0

Complementary Mix

#6a5584 #b18ddc #d0bbea #b9dc8e #d2e8b6 #788f5c

Nearby Colors

#b18ddb
#b18ddd
#b18dcc
#b18dec

Embed #B18DDC swatch

Embed this swatch

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

Open image

About #B18DDC

#B18DDC converts to RGB(177, 141, 220) and HSL(267, 53%, 71%). 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).

#B18DDC FAQs

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