#B1B47F

Color Details

HEX
#B1B47F
RGB
rgb(177, 180, 127)
HSL
hsl(63, 26%, 60%)
CMYK
cmyk(2%, 0%, 29%, 29%)
Best text on this color #000000 (CR 9.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b1b47f
Contrast 9.70:1 AAA
White on #b1b47f
Contrast 2.16:1 Fail
#b1b47f on Black
Contrast 9.70:1 AAA
#b1b47f on White
Contrast 2.16:1 Fail

Tints & Shades

#c1c399
#d0d2b2
#e0e1cc
#8e9066
#6a6c4c
#474833

Complement & Analogous

#817eb4
#96b47e
#b49c7e

Triadic

#7eb1b4
#b47eb1

Monochrome

#474833 #6a6c4c #b1b47f #d0d2b2 #e0e1cc #eff0e5

Analogous

#b49c7e #cbbaa5 #b1b47f #abc398 #96b47e #789065

Complementary Mix

#6a6c4c #b1b47f #d0d2b2 #817eb4 #adabce #545275

Nearby Colors

#b1b47e
#b1b480
#b1b46f
#b1b48f

Embed #B1B47F swatch

Embed this swatch

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

Open image

About #B1B47F

#B1B47F converts to RGB(177, 180, 127) and HSL(63, 26%, 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).

#B1B47F FAQs

What is the RGB value of #B1B47F?
RGB: 177, 180, 127. Copy as CSS: rgb(177, 180, 127)
Is #B1B47F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B1B47F?
Complement: #817eb4.
Does #B1B47F have good contrast on white or black?
On white: 2.16:1 (Fails AA). On black: 9.70:1 (AAA (normal text)).