#B23F9D

Color Details

HEX
#B23F9D
RGB
rgb(178, 63, 157)
HSL
hsl(311, 48%, 47%)
CMYK
cmyk(0%, 65%, 12%, 30%)
Best text on this color #FFFFFF (CR 5.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b23f9d
Contrast 4.09:1 Fail
White on #b23f9d
Contrast 5.13:1 AA
#b23f9d on Black
Contrast 4.09:1 Fail
#b23f9d on White
Contrast 5.13:1 AA

Tints & Shades

#c165b1
#d18cc4
#e0b2d8
#8e327e
#6b265e
#47193f

Complement & Analogous

#3eb153
#b13e63
#8d3eb1

Triadic

#9cb13e
#3e9cb1

Monochrome

#47193f #6b265e #b23f9d #d18cc4 #e0b2d8 #f0d9eb

Analogous

#8d3eb1 #af78c8 #b23f9d #c16582 #b13e63 #8e324f

Complementary Mix

#6b265e #b23f9d #d18cc4 #3eb153 #82cc8f #287336

Nearby Colors

#b23f9c
#b23f9e
#b23f8d
#b23fad

Embed #B23F9D swatch

Embed this swatch

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

Open image

About #B23F9D

#B23F9D converts to RGB(178, 63, 157) and HSL(311, 48%, 47%). 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).

#B23F9D FAQs

What is the RGB value of #B23F9D?
RGB: 178, 63, 157. Copy as CSS: rgb(178, 63, 157)
Is #B23F9D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B23F9D?
Complement: #3eb153.
Does #B23F9D have good contrast on white or black?
On white: 5.13:1 (AA (normal text)). On black: 4.09:1 (AA (large text)).