#B09E8E

Color Details

HEX
#B09E8E
RGB
rgb(176, 158, 142)
HSL
hsl(28, 18%, 62%)
CMYK
cmyk(0%, 10%, 19%, 31%)
Best text on this color #000000 (CR 8.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b09e8e
Contrast 8.13:1 AAA
White on #b09e8e
Contrast 2.58:1 Fail
#b09e8e on Black
Contrast 8.13:1 AAA
#b09e8e on White
Contrast 2.58:1 Fail

Tints & Shades

#c0b1a5
#d0c5bb
#dfd8d2
#8d7e72
#6a5f55
#463f39

Complement & Analogous

#8d9fb0
#b3b289
#b3898a

Triadic

#8db09d
#9d8db0

Monochrome

#463f39 #6a5f55 #b09e8e #d0c5bb #dfd8d2 #efece8

Analogous

#b3898a #caacad #b09e8e #c2c1a1 #b3b289 #8f8e6e

Complementary Mix

#6a5f55 #b09e8e #d0c5bb #8d9fb0 #b5c1cc #5c6772

Nearby Colors

#b09e8d
#b09e8f
#b09e7e
#b09e9e

Embed #B09E8E swatch

Embed this swatch

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

Open image

About #B09E8E

#B09E8E converts to RGB(176, 158, 142) and HSL(28, 18%, 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).

#B09E8E FAQs

What is the RGB value of #B09E8E?
RGB: 176, 158, 142. Copy as CSS: rgb(176, 158, 142)
Is #B09E8E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B09E8E?
Complement: #8d9fb0.
Does #B09E8E have good contrast on white or black?
On white: 2.58:1 (Fails AA). On black: 8.13:1 (AAA (normal text)).