Orange Coral (F56D5B) — Shades, Harmonies, Palettes, CSS Code

"Orange Coral"

Orange · Winter

🧠 Psychology

Color of energy and passion. Red stimulates attention and evokes urgency, love or strength.

✨ Uses

CTAs, alerts, fashion, beauty, food, sport.

Tip

Orange Coral pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #F56D5B

RGB rgb(245, 109, 91)

HSL hsl(7°, 89%, 66%)

CMYK C:0% M:56% Y:63% K:4%

Luminance 0.3124

WCAG Accessibility

On white 2.91:1

Aa — #F56D5B

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.22:1

Aa — #F56D5B

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F56D5B #5BE3F5

Analogous

#F55B96 #F56D5B #F5BA5B

Triadic

#F56D5B #5BF56D #6D5BF5

Split-comp.

#F56D5B #5BF5BA #5B96F5

Tetradic

#F56D5B #96F55B #5BE3F5 #BA5BF5

Monochromatic

#771A0E #D22E19 #ED7464 #F29D91 #FADAD6

Suggested palettes for this hue.

Orange Energy View all →

Volcano View all →

Grey Minimal View all →