#B18E8F

Color Details

HEX
#B18E8F
RGB
rgb(177, 142, 143)
HSL
hsl(358, 18%, 63%)
CMYK
cmyk(0%, 20%, 19%, 31%)
Best text on this color #000000 (CR 7.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b18e8f
Contrast 7.14:1 AAA
White on #b18e8f
Contrast 2.94:1 Fail
#b18e8f on Black
Contrast 7.14:1 AAA
#b18e8f on White
Contrast 2.94:1 Fail

Tints & Shades

#c1a5a5
#d0bbbc
#e0d2d2
#8e7272
#6a5556
#473939

Complement & Analogous

#90b2b1
#b59f8c
#b58ca2

Triadic

#91b290
#9091b2

Monochrome

#473939 #6a5556 #b18e8f #d0bbbc #e0d2d2 #efe8e9

Analogous

#b58ca2 #cbafbe #b18e8f #c4b2a3 #b59f8c #917f70

Complementary Mix

#6a5556 #b18e8f #d0bbbc #90b2b1 #b7cdcc #5e7473

Nearby Colors

#b18e8e
#b18e90
#b18e7f
#b18e9f

Embed #B18E8F swatch

Embed this swatch

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

Open image

About #B18E8F

#B18E8F converts to RGB(177, 142, 143) and HSL(358, 18%, 63%). 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).

#B18E8F FAQs

What is the RGB value of #B18E8F?
RGB: 177, 142, 143. Copy as CSS: rgb(177, 142, 143)
Is #B18E8F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B18E8F?
Complement: #90b2b1.
Does #B18E8F have good contrast on white or black?
On white: 2.94:1 (Fails AA). On black: 7.14:1 (AAA (normal text)).