#B80A1E

Color Details

HEX
#B80A1E
RGB
rgb(184, 10, 30)
HSL
hsl(353, 90%, 38%)
CMYK
cmyk(0%, 95%, 84%, 28%)
Best text on this color #FFFFFF (CR 6.77:1) Determined by WCAG contrast ratio

Readability Previews

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

Tints & Shades

#c63b4b
#d46c78
#e39da5
#930818
#6e0612
#4a040c

Complement & Analogous

#0ab8a4
#b84d0a
#b80a75

Triadic

#1eb80a
#0a1eb8

Monochrome

#4a040c #6e0612 #b80a1e #d46c78 #e39da5 #f1ced2

Analogous

#b80a75 #cd549e #b80a1e #c6713b #b84d0a #933e08

Complementary Mix

#6e0612 #b80a1e #d46c78 #0ab8a4 #60d1c4 #07786b

Nearby Colors

#b80a1d
#b80a1f
#b80a0e
#b80a2e

Embed #B80A1E swatch

Embed this swatch

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

Open image

About #B80A1E

#B80A1E converts to RGB(184, 10, 30) and HSL(353, 90%, 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).

#B80A1E FAQs

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