#B57F8F

Color Details

HEX
#B57F8F
RGB
rgb(181, 127, 143)
HSL
hsl(342, 27%, 60%)
CMYK
cmyk(0%, 30%, 21%, 29%)
Best text on this color #000000 (CR 6.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b57f8f
Contrast 6.40:1 AA
White on #b57f8f
Contrast 3.28:1 Fail
#b57f8f on Black
Contrast 6.40:1 AA
#b57f8f on White
Contrast 3.28:1 Fail

Tints & Shades

#c499a5
#d3b2bc
#e1ccd2
#916672
#6d4c56
#483339

Complement & Analogous

#7db5a4
#b5887d
#b57daa

Triadic

#8eb57d
#7d8eb5

Monochrome

#483339 #6d4c56 #b57f8f #d3b2bc #e1ccd2 #f0e5e9

Analogous

#b57daa #cba4c4 #b57f8f #c4a097 #b5887d #916d64

Complementary Mix

#6d4c56 #b57f8f #d3b2bc #7db5a4 #abcfc4 #51766b

Nearby Colors

#b57f8e
#b57f90
#b57f7f
#b57f9f

Embed #B57F8F swatch

Embed this swatch

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

Open image

About #B57F8F

#B57F8F converts to RGB(181, 127, 143) and HSL(342, 27%, 60%). 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).

#B57F8F FAQs

What is the RGB value of #B57F8F?
RGB: 181, 127, 143. Copy as CSS: rgb(181, 127, 143)
Is #B57F8F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B57F8F?
Complement: #7db5a4.
Does #B57F8F have good contrast on white or black?
On white: 3.28:1 (AA (large text)). On black: 6.40:1 (AA (normal text)).