#BD243C

Color Details

HEX
#BD243C
RGB
rgb(189, 36, 60)
HSL
hsl(351, 68%, 44%)
CMYK
cmyk(0%, 81%, 68%, 26%)
Best text on this color #FFFFFF (CR 6.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bd243c
Contrast 3.48:1 Fail
White on #bd243c
Contrast 6.03:1 AA
#bd243c on Black
Contrast 3.48:1 Fail
#bd243c on White
Contrast 6.03:1 AA

Tints & Shades

#ca5063
#d77c8a
#e5a7b1
#971d30
#711624
#4c0e18

Complement & Analogous

#24bca6
#bc5924
#bc2487

Triadic

#3bbc24
#243bbc

Monochrome

#4c0e18 #711624 #bd243c #d77c8a #e5a7b1 #f2d3d8

Analogous

#bc2487 #d066ab #bd243c #c97a50 #bc5924 #96471d

Complementary Mix

#711624 #bd243c #d77c8a #24bca6 #71d3c5 #177a6c

Nearby Colors

#bd243b
#bd243d
#bd242c
#bd244c

Embed #BD243C swatch

Embed this swatch

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

Open image

About #BD243C

#BD243C converts to RGB(189, 36, 60) and HSL(351, 68%, 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).

#BD243C FAQs

What is the RGB value of #BD243C?
RGB: 189, 36, 60. Copy as CSS: rgb(189, 36, 60)
Is #BD243C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BD243C?
Complement: #24bca6.
Does #BD243C have good contrast on white or black?
On white: 6.03:1 (AA (normal text)). On black: 3.48:1 (AA (large text)).