#B81D3C

Color Details

HEX
#B81D3C
RGB
rgb(184, 29, 60)
HSL
hsl(348, 73%, 42%)
CMYK
cmyk(0%, 84%, 67%, 28%)
Best text on this color #FFFFFF (CR 6.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b81d3c
Contrast 3.28:1 Fail
White on #b81d3c
Contrast 6.40:1 AA
#b81d3c on Black
Contrast 3.28:1 Fail
#b81d3c on White
Contrast 6.40:1 AA

Tints & Shades

#c64a63
#d4778a
#e3a5b1
#931730
#6e1124
#4a0c18

Complement & Analogous

#1db99a
#b94c1d
#b91d8a

Triadic

#3cb91d
#1d3cb9

Monochrome

#4a0c18 #6e1124 #b81d3c #d4778a #e3a5b1 #f1d2d8

Analogous

#b91d8a #ce61ad #b81d3c #c7704a #b94c1d #943d17

Complementary Mix

#6e1124 #b81d3c #d4778a #1db99a #6cd2bd #137864

Nearby Colors

#b81d3b
#b81d3d
#b81d2c
#b81d4c

Embed #B81D3C swatch

Embed this swatch

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

Open image

About #B81D3C

#B81D3C converts to RGB(184, 29, 60) and HSL(348, 73%, 42%). 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).

#B81D3C FAQs

What is the RGB value of #B81D3C?
RGB: 184, 29, 60. Copy as CSS: rgb(184, 29, 60)
Is #B81D3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B81D3C?
Complement: #1db99a.
Does #B81D3C have good contrast on white or black?
On white: 6.40:1 (AA (normal text)). On black: 3.28:1 (AA (large text)).