#DCA71C

Color Details

HEX
#DCA71C
RGB
rgb(220, 167, 28)
HSL
hsl(43, 77%, 49%)
CMYK
cmyk(0%, 24%, 87%, 14%)
Best text on this color #000000 (CR 9.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dca71c
Contrast 9.59:1 AAA
White on #dca71c
Contrast 2.19:1 Fail
#dca71c on Black
Contrast 9.59:1 AAA
#dca71c on White
Contrast 2.19:1 Fail

Tints & Shades

#e3b949
#eaca77
#f1dca4
#b08616
#846411
#58430b

Complement & Analogous

#1d53dd
#b3dd1d
#dd461d

Triadic

#1ddda7
#a71ddd

Monochrome

#58430b #846411 #dca71c #eaca77 #f1dca4 #f8edd2

Analogous

#dd461d #e77e61 #dca71c #c2e44a #b3dd1d #8fb117

Complementary Mix

#846411 #dca71c #eaca77 #1d53dd #6c8fe9 #133690

Nearby Colors

#dca71b
#dca71d
#dca70c
#dca72c

Embed #DCA71C swatch

Embed this swatch

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

Open image

About #DCA71C

#DCA71C converts to RGB(220, 167, 28) and HSL(43, 77%, 49%). 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).

#DCA71C FAQs

What is the RGB value of #DCA71C?
RGB: 220, 167, 28. Copy as CSS: rgb(220, 167, 28)
Is #DCA71C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DCA71C?
Complement: #1d53dd.
Does #DCA71C have good contrast on white or black?
On white: 2.19:1 (Fails AA). On black: 9.59:1 (AAA (normal text)).