#DDA75F

Color Details

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

Readability Previews

Black on #dda75f
Contrast 9.77:1 AAA
White on #dda75f
Contrast 2.15:1 Fail
#dda75f on Black
Contrast 9.77:1 AAA
#dda75f on White
Contrast 2.15:1 Fail

Tints & Shades

#e4b97f
#ebca9f
#f1dcbf
#b1864c
#856439
#584326

Complement & Analogous

#5f96dd
#d5dd5f
#dd685f

Triadic

#5fdda6
#a65fdd

Monochrome

#584326 #856439 #dda75f #ebca9f #f1dcbf #f8eddf

Analogous

#dd685f #e7958f #dda75f #dde47f #d5dd5f #aab14c

Complementary Mix

#856439 #dda75f #ebca9f #5f96dd #97bbe9 #3e6290

Nearby Colors

#dda75e
#dda760
#dda74f
#dda76f

Embed #DDA75F swatch

Embed this swatch

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

Open image

About #DDA75F

#DDA75F converts to RGB(221, 167, 95) 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).

#DDA75F FAQs

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