#BA957C

Color Details

HEX
#BA957C
RGB
rgb(186, 149, 124)
HSL
hsl(24, 31%, 61%)
CMYK
cmyk(0%, 20%, 33%, 27%)
Best text on this color #000000 (CR 7.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ba957c
Contrast 7.68:1 AAA
White on #ba957c
Contrast 2.74:1 Fail
#ba957c on Black
Contrast 7.68:1 AAA
#ba957c on White
Contrast 2.74:1 Fail

Tints & Shades

#c8aa96
#d6bfb0
#e3d5cb
#957763
#70594a
#4a3c32

Complement & Analogous

#7da2ba
#bab47d
#ba7d83

Triadic

#7dba95
#957dba

Monochrome

#4a3c32 #70594a #ba957c #d6bfb0 #e3d5cb #f1eae5

Analogous

#ba7d83 #cfa4a8 #ba957c #c8c397 #bab47d #959064

Complementary Mix

#70594a #ba957c #d6bfb0 #7da2ba #abc3d2 #516979

Nearby Colors

#ba957b
#ba957d
#ba956c
#ba958c

Embed #BA957C swatch

Embed this swatch

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

Open image

About #BA957C

#BA957C converts to RGB(186, 149, 124) and HSL(24, 31%, 61%). 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).

#BA957C FAQs

What is the RGB value of #BA957C?
RGB: 186, 149, 124. Copy as CSS: rgb(186, 149, 124)
Is #BA957C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BA957C?
Complement: #7da2ba.
Does #BA957C have good contrast on white or black?
On white: 2.74:1 (Fails AA). On black: 7.68:1 (AAA (normal text)).