#D9BC3D

Color Details

HEX
#D9BC3D
RGB
rgb(217, 188, 61)
HSL
hsl(49, 67%, 55%)
CMYK
cmyk(0%, 13%, 72%, 15%)
Best text on this color #000000 (CR 11.21:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d9bc3d
Contrast 11.21:1 AAA
White on #d9bc3d
Contrast 1.87:1 Fail
#d9bc3d on Black
Contrast 11.21:1 AAA
#d9bc3d on White
Contrast 1.87:1 Fail

Tints & Shades

#e1c964
#e8d78b
#f0e4b1
#ae9631
#827125
#574b18

Complement & Analogous

#3f5cd9
#a8d93f
#d9703f

Triadic

#3fd9bd
#bd3fd9

Monochrome

#574b18 #827125 #d9bc3d #e8d78b #f0e4b1 #f7f2d8

Analogous

#d9703f #e49b79 #d9bc3d #b9e165 #a8d93f #86ae32

Complementary Mix

#827125 #d9bc3d #e8d78b #3f5cd9 #8295e6 #293c8d

Nearby Colors

#d9bc3c
#d9bc3e
#d9bc2d
#d9bc4d

Embed #D9BC3D swatch

Embed this swatch

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

Open image

About #D9BC3D

#D9BC3D converts to RGB(217, 188, 61) and HSL(49, 67%, 55%). 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).

#D9BC3D FAQs

What is the RGB value of #D9BC3D?
RGB: 217, 188, 61. Copy as CSS: rgb(217, 188, 61)
Is #D9BC3D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #D9BC3D?
Complement: #3f5cd9.
Does #D9BC3D have good contrast on white or black?
On white: 1.87:1 (Fails AA). On black: 11.21:1 (AAA (normal text)).