#B7A27F

Color Details

HEX
#B7A27F
RGB
rgb(183, 162, 127)
HSL
hsl(38, 28%, 61%)
CMYK
cmyk(0%, 11%, 31%, 28%)
Best text on this color #000000 (CR 8.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b7a27f
Contrast 8.49:1 AAA
White on #b7a27f
Contrast 2.47:1 Fail
#b7a27f on Black
Contrast 8.49:1 AAA
#b7a27f on White
Contrast 2.47:1 Fail

Tints & Shades

#c5b599
#d4c7b2
#e2dacc
#928266
#6e614c
#494133

Complement & Analogous

#8094b7
#b0b780
#b78780

Triadic

#80b7a3
#a380b7

Monochrome

#494133 #6e614c #b7a27f #d4c7b2 #e2dacc #f1ece5

Analogous

#b78780 #cdaba6 #b7a27f #c0c599 #b0b780 #8d9266

Complementary Mix

#6e614c #b7a27f #d4c7b2 #8094b7 #acb9d0 #536077

Nearby Colors

#b7a27e
#b7a280
#b7a26f
#b7a28f

Embed #B7A27F swatch

Embed this swatch

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

Open image

About #B7A27F

#B7A27F converts to RGB(183, 162, 127) and HSL(38, 28%, 61%). 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).

#B7A27F FAQs

What is the RGB value of #B7A27F?
RGB: 183, 162, 127. Copy as CSS: rgb(183, 162, 127)
Is #B7A27F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B7A27F?
Complement: #8094b7.
Does #B7A27F have good contrast on white or black?
On white: 2.47:1 (Fails AA). On black: 8.49:1 (AAA (normal text)).