#DDA74D

Color Details

HEX
#DDA74D
RGB
rgb(221, 167, 77)
HSL
hsl(38, 68%, 58%)
CMYK
cmyk(0%, 24%, 65%, 13%)
Best text on this color #000000 (CR 9.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dda74d
Contrast 9.71:1 AAA
White on #dda74d
Contrast 2.16:1 Fail
#dda74d on Black
Contrast 9.71:1 AAA
#dda74d on White
Contrast 2.16:1 Fail

Tints & Shades

#e4b971
#ebca94
#f1dcb8
#b1863e
#85642e
#58431f

Complement & Analogous

#4b80dd
#c9dd4b
#dd5e4b

Triadic

#4bdda7
#a74bdd

Monochrome

#58431f #85642e #dda74d #ebca94 #f1dcb8 #f8eddb

Analogous

#dd5e4b #e78e81 #dda74d #d4e46f #c9dd4b #a1b13c

Complementary Mix

#85642e #dda74d #ebca94 #4b80dd #8aace9 #315390

Nearby Colors

#dda74c
#dda74e
#dda73d
#dda75d

Embed #DDA74D swatch

Embed this swatch

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

Open image

About #DDA74D

#DDA74D converts to RGB(221, 167, 77) and HSL(38, 68%, 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).

#DDA74D FAQs

What is the RGB value of #DDA74D?
RGB: 221, 167, 77. Copy as CSS: rgb(221, 167, 77)
Is #DDA74D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DDA74D?
Complement: #4b80dd.
Does #DDA74D have good contrast on white or black?
On white: 2.16:1 (Fails AA). On black: 9.71:1 (AAA (normal text)).