#DDA31D

Color Details

HEX
#DDA31D
RGB
rgb(221, 163, 29)
HSL
hsl(42, 77%, 49%)
CMYK
cmyk(0%, 26%, 87%, 13%)
Best text on this color #000000 (CR 9.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dda31d
Contrast 9.33:1 AAA
White on #dda31d
Contrast 2.25:1 Fail
#dda31d on Black
Contrast 9.33:1 AAA
#dda31d on White
Contrast 2.25:1 Fail

Tints & Shades

#e4b54a
#ebc877
#f1daa5
#b18217
#856211
#58410c

Complement & Analogous

#1d56dd
#b7dd1d
#dd431d

Triadic

#1ddda3
#a31ddd

Monochrome

#58410c #856211 #dda31d #ebc877 #f1daa5 #f8edd2

Analogous

#dd431d #e77b61 #dda31d #c5e44a #b7dd1d #92b117

Complementary Mix

#856211 #dda31d #ebc877 #1d56dd #6c91e9 #133890

Nearby Colors

#dda31c
#dda31e
#dda30d
#dda32d

Embed #DDA31D swatch

Embed this swatch

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

Open image

About #DDA31D

#DDA31D converts to RGB(221, 163, 29) and HSL(42, 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).

#DDA31D FAQs

What is the RGB value of #DDA31D?
RGB: 221, 163, 29. Copy as CSS: rgb(221, 163, 29)
Is #DDA31D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DDA31D?
Complement: #1d56dd.
Does #DDA31D have good contrast on white or black?
On white: 2.25:1 (Fails AA). On black: 9.33:1 (AAA (normal text)).