#B49F2D

Color Details

HEX
#B49F2D
RGB
rgb(180, 159, 45)
HSL
hsl(51, 60%, 44%)
CMYK
cmyk(0%, 12%, 75%, 29%)
Best text on this color #000000 (CR 7.94:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b49f2d
Contrast 7.94:1 AAA
White on #b49f2d
Contrast 2.65:1 Fail
#b49f2d on Black
Contrast 7.94:1 AAA
#b49f2d on White
Contrast 2.65:1 Fail

Tints & Shades

#c3b257
#d2c581
#e1d9ab
#907f24
#6c5f1b
#484012

Complement & Analogous

#2d41b4
#84b42d
#b45c2d

Triadic

#2db49f
#9f2db4

Monochrome

#484012 #6c5f1b #b49f2d #d2c581 #e1d9ab #f0ecd5

Analogous

#b45c2d #cb8d6c #b49f2d #9dc357 #84b42d #6a9024

Complementary Mix

#6c5f1b #b49f2d #d2c581 #2d41b4 #7784ce #1d2a75

Nearby Colors

#b49f2c
#b49f2e
#b49f1d
#b49f3d

Embed #B49F2D swatch

Embed this swatch

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

Open image

About #B49F2D

#B49F2D converts to RGB(180, 159, 45) and HSL(51, 60%, 44%). 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).

#B49F2D FAQs

What is the RGB value of #B49F2D?
RGB: 180, 159, 45. Copy as CSS: rgb(180, 159, 45)
Is #B49F2D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B49F2D?
Complement: #2d41b4.
Does #B49F2D have good contrast on white or black?
On white: 2.65:1 (Fails AA). On black: 7.94:1 (AAA (normal text)).