#B2367C

Color Details

HEX
#B2367C
RGB
rgb(178, 54, 124)
HSL
hsl(326, 53%, 45%)
CMYK
cmyk(0%, 70%, 30%, 30%)
Best text on this color #FFFFFF (CR 5.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2367c
Contrast 3.71:1 Fail
White on #b2367c
Contrast 5.66:1 AA
#b2367c on Black
Contrast 3.71:1 Fail
#b2367c on White
Contrast 5.66:1 AA

Tints & Shades

#c15e96
#d186b0
#e0afcb
#8e2b63
#6b204a
#471632

Complement & Analogous

#36b06b
#b0363e
#a736b0

Triadic

#7bb036
#367bb0

Monochrome

#471632 #6b204a #b2367c #d186b0 #e0afcb #f0d7e5

Analogous

#a736b0 #c172c8 #b2367c #c05e65 #b0363e #8d2b32

Complementary Mix

#6b204a #b2367c #d186b0 #36b06b #7ccc9f #237246

Nearby Colors

#b2367b
#b2367d
#b2366c
#b2368c

Embed #B2367C swatch

Embed this swatch

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

Open image

About #B2367C

#B2367C converts to RGB(178, 54, 124) and HSL(326, 53%, 45%). 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).

#B2367C FAQs

What is the RGB value of #B2367C?
RGB: 178, 54, 124. Copy as CSS: rgb(178, 54, 124)
Is #B2367C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B2367C?
Complement: #36b06b.
Does #B2367C have good contrast on white or black?
On white: 5.66:1 (AA (normal text)). On black: 3.71:1 (AA (large text)).