#BA448C

Color Details

HEX
#BA448C
RGB
rgb(186, 68, 140)
HSL
hsl(323, 46%, 50%)
CMYK
cmyk(0%, 63%, 25%, 27%)
Best text on this color #FFFFFF (CR 4.89:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ba448c
Contrast 4.29:1 Fail
White on #ba448c
Contrast 4.89:1 AA
#ba448c on Black
Contrast 4.29:1 Fail
#ba448c on White
Contrast 4.89:1 AA

Tints & Shades

#c869a3
#d68fba
#e3b4d1
#953670
#702954
#4a1b38

Complement & Analogous

#45ba72
#ba4553
#ac45ba

Triadic

#8dba45
#458dba

Monochrome

#4a1b38 #702954 #ba448c #d68fba #e3b4d1 #f1dae8

Analogous

#ac45ba #c57dcf #ba448c #c86a75 #ba4553 #953742

Complementary Mix

#702954 #ba448c #d68fba #45ba72 #86d2a3 #2d794a

Nearby Colors

#ba448b
#ba448d
#ba447c
#ba449c

Embed #BA448C swatch

Embed this swatch

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

Open image

About #BA448C

#BA448C converts to RGB(186, 68, 140) and HSL(323, 46%, 50%). 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).

#BA448C FAQs

What is the RGB value of #BA448C?
RGB: 186, 68, 140. Copy as CSS: rgb(186, 68, 140)
Is #BA448C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BA448C?
Complement: #45ba72.
Does #BA448C have good contrast on white or black?
On white: 4.89:1 (AA (normal text)). On black: 4.29:1 (AA (large text)).