#B20048

Color Details

HEX
#B20048
RGB
rgb(178, 0, 72)
HSL
hsl(336, 100%, 35%)
CMYK
cmyk(0%, 100%, 60%, 30%)
Best text on this color #FFFFFF (CR 7.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b20048
Contrast 2.99:1 Fail
White on #b20048
Contrast 7.03:1 AAA
#b20048 on Black
Contrast 2.99:1 Fail
#b20048 on White
Contrast 7.03:1 AAA

Tints & Shades

#c1336d
#d16691
#e099b6
#8e003a
#6b002b
#47001d

Complement & Analogous

#00b36b
#b31200
#b300a1

Triadic

#47b300
#0047b3

Monochrome

#47001d #6b002b #b20048 #d16691 #e099b6 #f0ccda

Analogous

#b300a1 #ca4dbd #b20048 #c24133 #b31200 #8f0e00

Complementary Mix

#6b002b #b20048 #d16691 #00b36b #59ce9f #007446

Nearby Colors

#b20047
#b20049
#b20038
#b20058

Embed #B20048 swatch

Embed this swatch

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

Open image

About #B20048

#B20048 converts to RGB(178, 0, 72) and HSL(336, 100%, 35%). 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).

#B20048 FAQs

What is the RGB value of #B20048?
RGB: 178, 0, 72. Copy as CSS: rgb(178, 0, 72)
Is #B20048 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B20048?
Complement: #00b36b.
Does #B20048 have good contrast on white or black?
On white: 7.03:1 (AAA (normal text)). On black: 2.99:1 (Fails AA).