#B4324C

Color Details

HEX
#B4324C
RGB
rgb(180, 50, 76)
HSL
hsl(348, 57%, 45%)
CMYK
cmyk(0%, 72%, 58%, 29%)
Best text on this color #FFFFFF (CR 6.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4324c
Contrast 3.50:1 Fail
White on #b4324c
Contrast 6.00:1 AA
#b4324c on Black
Contrast 3.50:1 Fail
#b4324c on White
Contrast 6.00:1 AA

Tints & Shades

#c35b70
#d28494
#e1adb7
#90283d
#6c1e2e
#48141e

Complement & Analogous

#31b49a
#b45931
#b4318d

Triadic

#4cb431
#314cb4

Monochrome

#48141e #6c1e2e #b4324c #d28494 #e1adb7 #f0d6db

Analogous

#b4318d #cb6faf #b4324c #c37a5a #b45931 #904727

Complementary Mix

#6c1e2e #b4324c #d28494 #31b49a #79cebd #207564

Nearby Colors

#b4324b
#b4324d
#b4323c
#b4325c

Embed #B4324C swatch

Embed this swatch

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

Open image

About #B4324C

#B4324C converts to RGB(180, 50, 76) and HSL(348, 57%, 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).

#B4324C FAQs

What is the RGB value of #B4324C?
RGB: 180, 50, 76. Copy as CSS: rgb(180, 50, 76)
Is #B4324C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B4324C?
Complement: #31b49a.
Does #B4324C have good contrast on white or black?
On white: 6.00:1 (AA (normal text)). On black: 3.50:1 (AA (large text)).