#DDA75E

Color Details

HEX
#DDA75E
RGB
rgb(221, 167, 94)
HSL
hsl(34, 65%, 62%)
CMYK
cmyk(0%, 24%, 57%, 13%)
Best text on this color #000000 (CR 9.76:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dda75e
Contrast 9.76:1 AAA
White on #dda75e
Contrast 2.15:1 Fail
#dda75e on Black
Contrast 9.76:1 AAA
#dda75e on White
Contrast 2.15:1 Fail

Tints & Shades

#e4b97e
#ebca9e
#f1dcbf
#b1864b
#856438
#584326

Complement & Analogous

#5f96dd
#d5dd5f
#dd685f

Triadic

#5fdda6
#a65fdd

Monochrome

#584326 #856438 #dda75e #ebca9e #f1dcbf #f8eddf

Analogous

#dd685f #e7958f #dda75e #dde47f #d5dd5f #aab14c

Complementary Mix

#856438 #dda75e #ebca9e #5f96dd #97bbe9 #3e6290

Nearby Colors

#dda75d
#dda75f
#dda74e
#dda76e

Embed #DDA75E swatch

Embed this swatch

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

Open image

About #DDA75E

#DDA75E converts to RGB(221, 167, 94) and HSL(34, 65%, 62%). 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).

#DDA75E FAQs

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