#B1B17F

Color Details

HEX
#B1B17F
RGB
rgb(177, 177, 127)
HSL
hsl(60, 24%, 60%)
CMYK
cmyk(0%, 0%, 28%, 31%)
Best text on this color #000000 (CR 9.46:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b1b17f
Contrast 9.46:1 AAA
White on #b1b17f
Contrast 2.22:1 Fail
#b1b17f on Black
Contrast 9.46:1 AAA
#b1b17f on White
Contrast 2.22:1 Fail

Tints & Shades

#c1c199
#d0d0b2
#e0e0cc
#8e8e66
#6a6a4c
#474733

Complement & Analogous

#8181b1
#99b181
#b19981

Triadic

#81b1b1
#b181b1

Monochrome

#474733 #6a6a4c #b1b17f #d0d0b2 #e0e0cc #efefe5

Analogous

#b19981 #c8b8a7 #b1b17f #adc19a #99b181 #7a8e67

Complementary Mix

#6a6a4c #b1b17f #d0d0b2 #8181b1 #adadcc #545473

Nearby Colors

#b1b17e
#b1b180
#b1b16f
#b1b18f

Embed #B1B17F swatch

Embed this swatch

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

Open image

About #B1B17F

#B1B17F converts to RGB(177, 177, 127) and HSL(60, 24%, 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).

#B1B17F FAQs

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