#B1414C

Color Details

HEX
#B1414C
RGB
rgb(177, 65, 76)
HSL
hsl(354, 46%, 47%)
CMYK
cmyk(0%, 63%, 57%, 31%)
Best text on this color #FFFFFF (CR 5.63:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b1414c
Contrast 3.73:1 Fail
White on #b1414c
Contrast 5.63:1 AA
#b1414c on Black
Contrast 3.73:1 Fail
#b1414c on White
Contrast 5.63:1 AA

Tints & Shades

#c16770
#d08d94
#e0b3b7
#8e343d
#6a272e
#471a1e

Complement & Analogous

#41afa4
#af6d41
#af4183

Triadic

#4caf41
#414caf

Monochrome

#471a1e #6a272e #b1414c #d08d94 #e0b3b7 #efd9db

Analogous

#af4183 #c77aa8 #b1414c #bf8a67 #af6d41 #8c5734

Complementary Mix

#6a272e #b1414c #d08d94 #41afa4 #84cbc4 #2a726b

Nearby Colors

#b1414b
#b1414d
#b1413c
#b1415c

Embed #B1414C swatch

Embed this swatch

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

Open image

About #B1414C

#B1414C converts to RGB(177, 65, 76) and HSL(354, 46%, 47%). 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).

#B1414C FAQs

What is the RGB value of #B1414C?
RGB: 177, 65, 76. Copy as CSS: rgb(177, 65, 76)
Is #B1414C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B1414C?
Complement: #41afa4.
Does #B1414C have good contrast on white or black?
On white: 5.63:1 (AA (normal text)). On black: 3.73:1 (AA (large text)).