Bright Amber (DEB23E) — Shades, Harmonies, Palettes, CSS Code

"Bright Amber"

Yellow · Autumn

🧠 Psychology

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

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

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

Values

HEX #DEB23E

RGB rgb(222, 178, 62)

HSL hsl(43°, 71%, 56%)

CMYK C:0% M:20% Y:72% K:13%

Luminance 0.4843

WCAG Accessibility

On white 1.99:1

Aa — #DEB23E

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.54:1

Aa — #DEB23E

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DEB23E #3F6CDE

Analogous

#DE623F #DEB23E #BCDE3F

Triadic

#DEB23E #3FDEB1 #B13FDE

Split-comp.

#DEB23E #3FBCDE #623FDE

Tetradic

#DEB23E #3FDE62 #3F6CDE #DE3FBC

Monochromatic

#423410 #947424 #D3AC4A #DDBF73 #ECDBB1

Suggested palettes for this hue.

Orange Energy View all →

White Marble View all →

Red Passion View all →