Deep Amber (F06B24) — 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 #F06B24

RGB rgb(240, 107, 36)

HSL hsl(21°, 87%, 54%)

CMYK C:0% M:55% Y:85% K:6%

Luminance 0.2929

WCAG Accessibility

On white 3.07:1

Aa — #F06B24

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.83:1

Aa — #F06B24

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F06B24 #24A8F0

Analogous

#F02442 #F06B24 #F0D124

Triadic

#F06B24 #24F06B #6B24F0

Split-comp.

#F06B24 #24F0D1 #2442F0

Tetradic

#F06B24 #42F024 #24A8F0 #D124F0

Monochromatic

#3F1B08 #994314 #E46F2F #EA8E5D #F3BDA0

Suggested palettes for this hue.

Pop Art View all →

Provence Lavender View all →

Gradient Sunset View all →