#BA849C

Color Details

HEX
#BA849C
RGB
rgb(186, 132, 156)
HSL
hsl(333, 28%, 62%)
CMYK
cmyk(0%, 29%, 16%, 27%)
Best text on this color #000000 (CR 6.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ba849c
Contrast 6.87:1 AA
White on #ba849c
Contrast 3.06:1 Fail
#ba849c on Black
Contrast 6.87:1 AA
#ba849c on White
Contrast 3.06:1 Fail

Tints & Shades

#c89db0
#d6b5c4
#e3ced7
#956a7d
#704f5e
#4a353e

Complement & Analogous

#83b9a1
#b98683
#b983b7

Triadic

#9bb983
#839bb9

Monochrome

#4a353e #704f5e #ba849c #d6b5c4 #e3ced7 #f1e6eb

Analogous

#b983b7 #cea8cd #ba849c #c79e9c #b98683 #946b69

Complementary Mix

#704f5e #ba849c #d6b5c4 #83b9a1 #aed2c2 #557869

Nearby Colors

#ba849b
#ba849d
#ba848c
#ba84ac

Embed #BA849C swatch

Embed this swatch

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

Open image

About #BA849C

#BA849C converts to RGB(186, 132, 156) and HSL(333, 28%, 62%). 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).

#BA849C FAQs

What is the RGB value of #BA849C?
RGB: 186, 132, 156. Copy as CSS: rgb(186, 132, 156)
Is #BA849C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BA849C?
Complement: #83b9a1.
Does #BA849C have good contrast on white or black?
On white: 3.06:1 (AA (large text)). On black: 6.87:1 (AA (normal text)).