#B48CDA

Color Details

HEX
#B48CDA
RGB
rgb(180, 140, 218)
HSL
hsl(271, 51%, 70%)
CMYK
cmyk(17%, 36%, 0%, 15%)
Best text on this color #000000 (CR 7.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b48cda
Contrast 7.70:1 AAA
White on #b48cda
Contrast 2.73:1 Fail
#b48cda on Black
Contrast 7.70:1 AAA
#b48cda on White
Contrast 2.73:1 Fail

Tints & Shades

#c3a3e1
#d2bae9
#e1d1f0
#9070ae
#6c5483
#483857

Complement & Analogous

#b1da8b
#da8bd8
#8d8bda

Triadic

#dab48b
#8bdab4

Monochrome

#483857 #6c5483 #b48cda #d2bae9 #e1d1f0 #f0e8f8

Analogous

#8d8bda #afaee5 #b48cda #e1a2e0 #da8bd8 #ae6fad

Complementary Mix

#6c5483 #b48cda #d2bae9 #b1da8b #cce7b4 #738e5a

Nearby Colors

#b48cd9
#b48cdb
#b48cca
#b48cea

Embed #B48CDA swatch

Embed this swatch

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

Open image

About #B48CDA

#B48CDA converts to RGB(180, 140, 218) and HSL(271, 51%, 70%). 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).

#B48CDA FAQs

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