#B22C3D

Color Details

HEX
#B22C3D
RGB
rgb(178, 44, 61)
HSL
hsl(352, 60%, 44%)
CMYK
cmyk(0%, 75%, 66%, 30%)
Best text on this color #FFFFFF (CR 6.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b22c3d
Contrast 3.32:1 Fail
White on #b22c3d
Contrast 6.32:1 AA
#b22c3d on Black
Contrast 3.32:1 Fail
#b22c3d on White
Contrast 6.32:1 AA

Tints & Shades

#c15664
#d1808b
#e0abb1
#8e2331
#6b1a25
#471218

Complement & Analogous

#2db4a2
#b45e2d
#b42d82

Triadic

#3fb42d
#2d3fb4

Monochrome

#471218 #6b1a25 #b22c3d #d1808b #e0abb1 #f0d5d8

Analogous

#b42d82 #cb6ca8 #b22c3d #c37e57 #b45e2d #904b24

Complementary Mix

#6b1a25 #b22c3d #d1808b #2db4a2 #77cec3 #1d7569

Nearby Colors

#b22c3c
#b22c3e
#b22c2d
#b22c4d

Embed #B22C3D swatch

Embed this swatch

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

Open image

About #B22C3D

#B22C3D converts to RGB(178, 44, 61) and HSL(352, 60%, 44%). 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).

#B22C3D FAQs

What is the RGB value of #B22C3D?
RGB: 178, 44, 61. Copy as CSS: rgb(178, 44, 61)
Is #B22C3D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B22C3D?
Complement: #2db4a2.
Does #B22C3D have good contrast on white or black?
On white: 6.32:1 (AA (normal text)). On black: 3.32:1 (AA (large text)).