Deep Amber (DF4D04) — Shades, Harmonies, Palettes, CSS Code

"Deep Amber"

Orange · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Deep Amber pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #DF4D04

RGB rgb(223, 77, 4)

HSL hsl(20°, 96%, 45%)

CMYK C:0% M:65% Y:98% K:13%

Luminance 0.2096

WCAG Accessibility

On white 4.04:1

Aa — #DF4D04

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.2:1

Aa — #DF4D04

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DF4D04 #0597E1

Analogous

#E10529 #DF4D04 #E1BC05

Triadic

#DF4D04 #05E14E #4E05E1

Split-comp.

#DF4D04 #05E1BC #0529E1

Tetradic

#DF4D04 #29E105 #0597E1 #BC05E1

Monochromatic

#FACEB8 #F38C59 #D55210 #A6400C #5F2407

Suggested palettes for this hue.

Arctic Tundra View all →

Pearl Zen View all →

Concrete Steel View all →