#B45BC8

Color Details

HEX
#B45BC8
RGB
rgb(180, 91, 200)
HSL
hsl(289, 50%, 57%)
CMYK
cmyk(10%, 55%, 0%, 22%)
Best text on this color #000000 (CR 5.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b45bc8
Contrast 5.27:1 AA
White on #b45bc8
Contrast 3.98:1 Fail
#b45bc8 on Black
Contrast 5.27:1 AA
#b45bc8 on White
Contrast 3.98:1 Fail

Tints & Shades

#c37cd3
#d29dde
#e1bde9
#9049a0
#6c3778
#482450

Complement & Analogous

#6fc85b
#c85ba5
#7d5bc8

Triadic

#c8b45b
#5bc8b4

Monochrome

#482450 #6c3778 #b45bc8 #d29dde #e1bde9 #f0def4

Analogous

#7d5bc8 #a48cd9 #b45bc8 #d37cb7 #c85ba5 #a04984

Complementary Mix

#6c3778 #b45bc8 #d29dde #6fc85b #a1db94 #48823b

Nearby Colors

#b45bc7
#b45bc9
#b45bb8
#b45bd8

Embed #B45BC8 swatch

Embed this swatch

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

Open image

About #B45BC8

#B45BC8 converts to RGB(180, 91, 200) and HSL(289, 50%, 57%). 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).

#B45BC8 FAQs

What is the RGB value of #B45BC8?
RGB: 180, 91, 200. Copy as CSS: rgb(180, 91, 200)
Is #B45BC8 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B45BC8?
Complement: #6fc85b.
Does #B45BC8 have good contrast on white or black?
On white: 3.98:1 (AA (large text)). On black: 5.27:1 (AA (normal text)).