#BFAE9C

Color Details

HEX
#BFAE9C
RGB
rgb(191, 174, 156)
HSL
hsl(31, 21%, 68%)
CMYK
cmyk(0%, 9%, 18%, 25%)
Best text on this color #000000 (CR 9.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bfae9c
Contrast 9.75:1 AAA
White on #bfae9c
Contrast 2.15:1 Fail
#bfae9c on Black
Contrast 9.75:1 AAA
#bfae9c on White
Contrast 2.15:1 Fail

Tints & Shades

#ccbeb0
#d9cec4
#e5dfd7
#998b7d
#73685e
#4c463e

Complement & Analogous

#9cadbf
#bfbf9b
#bf9c9b

Triadic

#9cbfae
#ae9cbf

Monochrome

#4c463e #73685e #bfae9c #d9cec4 #e5dfd7 #f2efeb

Analogous

#bf9c9b #d2bab9 #bfae9c #ccccaf #bfbf9b #99997c

Complementary Mix

#73685e #bfae9c #d9cec4 #9cadbf #bfcad5 #65707c

Nearby Colors

#bfae9b
#bfae9d
#bfae8c
#bfaeac

Embed #BFAE9C swatch

Embed this swatch

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

Open image

About #BFAE9C

#BFAE9C converts to RGB(191, 174, 156) and HSL(31, 21%, 68%). 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).

#BFAE9C FAQs

What is the RGB value of #BFAE9C?
RGB: 191, 174, 156. Copy as CSS: rgb(191, 174, 156)
Is #BFAE9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BFAE9C?
Complement: #9cadbf.
Does #BFAE9C have good contrast on white or black?
On white: 2.15:1 (Fails AA). On black: 9.75:1 (AAA (normal text)).