#DCB84C

Color Details

HEX
#DCB84C
RGB
rgb(220, 184, 76)
HSL
hsl(45, 67%, 58%)
CMYK
cmyk(0%, 16%, 65%, 14%)
Best text on this color #000000 (CR 11.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dcb84c
Contrast 11.00:1 AAA
White on #dcb84c
Contrast 1.91:1 Fail
#dcb84c on Black
Contrast 11.00:1 AAA
#dcb84c on White
Contrast 1.91:1 Fail

Tints & Shades

#e3c670
#ead494
#f1e3b7
#b0933d
#846e2e
#584a1e

Complement & Analogous

#4c70dc
#b8dc4c
#dc704c

Triadic

#4cdcb8
#b84cdc

Monochrome

#584a1e #846e2e #dcb84c #ead494 #f1e3b7 #f8f1db

Analogous

#dc704c #e79b82 #dcb84c #c6e370 #b8dc4c #93b03d

Complementary Mix

#846e2e #dcb84c #ead494 #4c70dc #8ba2e8 #31498f

Nearby Colors

#dcb84b
#dcb84d
#dcb83c
#dcb85c

Embed #DCB84C swatch

Embed this swatch

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

Open image

About #DCB84C

#DCB84C converts to RGB(220, 184, 76) and HSL(45, 67%, 58%). 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).

#DCB84C FAQs

What is the RGB value of #DCB84C?
RGB: 220, 184, 76. Copy as CSS: rgb(220, 184, 76)
Is #DCB84C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DCB84C?
Complement: #4c70dc.
Does #DCB84C have good contrast on white or black?
On white: 1.91:1 (Fails AA). On black: 11.00:1 (AAA (normal text)).