#B42DDC

Color Details

HEX
#B42DDC
RGB
rgb(180, 45, 220)
HSL
hsl(286, 71%, 52%)
CMYK
cmyk(18%, 80%, 0%, 14%)
Best text on this color #FFFFFF (CR 4.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b42ddc
Contrast 4.35:1 Fail
White on #b42ddc
Contrast 4.83:1 AA
#b42ddc on Black
Contrast 4.35:1 Fail
#b42ddc on White
Contrast 4.83:1 AA

Tints & Shades

#c357e3
#d281ea
#e1abf1
#9024b0
#6c1b84
#481258

Complement & Analogous

#56dc2e
#dc2ead
#5c2edc

Triadic

#dcb32e
#2edcb3

Monochrome

#481258 #6c1b84 #b42ddc #d281ea #e1abf1 #f0d5f8

Analogous

#5c2edc #8d6de7 #b42ddc #e358bd #dc2ead #b0258a

Complementary Mix

#6c1b84 #b42ddc #d281ea #56dc2e #91e877 #388f1e

Nearby Colors

#b42ddb
#b42ddd
#b42dcc
#b42dec

Embed #B42DDC swatch

Embed this swatch

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

Open image

About #B42DDC

#B42DDC converts to RGB(180, 45, 220) and HSL(286, 71%, 52%). 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).

#B42DDC FAQs

What is the RGB value of #B42DDC?
RGB: 180, 45, 220. Copy as CSS: rgb(180, 45, 220)
Is #B42DDC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B42DDC?
Complement: #56dc2e.
Does #B42DDC have good contrast on white or black?
On white: 4.83:1 (AA (normal text)). On black: 4.35:1 (AA (large text)).