#DFA75F

Color Details

HEX
#DFA75F
RGB
rgb(223, 167, 95)
HSL
hsl(34, 67%, 62%)
CMYK
cmyk(0%, 25%, 57%, 13%)
Best text on this color #000000 (CR 9.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dfa75f
Contrast 9.83:1 AAA
White on #dfa75f
Contrast 2.14:1 Fail
#dfa75f on Black
Contrast 9.83:1 AAA
#dfa75f on White
Contrast 2.14:1 Fail

Tints & Shades

#e5b97f
#ecca9f
#f2dcbf
#b2864c
#866439
#594326

Complement & Analogous

#5d95df
#d6df5d
#df665d

Triadic

#5ddfa7
#a75ddf

Monochrome

#594326 #866439 #dfa75f #ecca9f #f2dcbf #f9eddf

Analogous

#df665d #e9948e #dfa75f #dee57d #d6df5d #abb24a

Complementary Mix

#866439 #dfa75f #ecca9f #5d95df #96baea #3c6191

Nearby Colors

#dfa75e
#dfa760
#dfa74f
#dfa76f

Embed #DFA75F swatch

Embed this swatch

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

Open image

About #DFA75F

#DFA75F converts to RGB(223, 167, 95) and HSL(34, 67%, 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).

#DFA75F FAQs

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