#B50F3E

Color Details

HEX
#B50F3E
RGB
rgb(181, 15, 62)
HSL
hsl(343, 85%, 38%)
CMYK
cmyk(0%, 92%, 66%, 29%)
Best text on this color #FFFFFF (CR 6.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b50f3e
Contrast 3.10:1 Fail
White on #b50f3e
Contrast 6.77:1 AA
#b50f3e on Black
Contrast 3.10:1 Fail
#b50f3e on White
Contrast 6.77:1 AA

Tints & Shades

#c43f65
#d36f8b
#e19fb2
#910c32
#6d0925
#480619

Complement & Analogous

#0fb385
#b3320f
#b30f90

Triadic

#3db30f
#0f3db3

Monochrome

#480619 #6d0925 #b50f3e #d36f8b #e19fb2 #f0cfd8

Analogous

#b30f90 #ca57b1 #b50f3e #c25b3f #b3320f #8f280c

Complementary Mix

#6d0925 #b50f3e #d36f8b #0fb385 #63ceb0 #0a7456

Nearby Colors

#b50f3d
#b50f3f
#b50f2e
#b50f4e

Embed #B50F3E swatch

Embed this swatch

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

Open image

About #B50F3E

#B50F3E converts to RGB(181, 15, 62) and HSL(343, 85%, 38%). 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).

#B50F3E FAQs

What is the RGB value of #B50F3E?
RGB: 181, 15, 62. Copy as CSS: rgb(181, 15, 62)
Is #B50F3E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B50F3E?
Complement: #0fb385.
Does #B50F3E have good contrast on white or black?
On white: 6.77:1 (AA (normal text)). On black: 3.10:1 (AA (large text)).