Orange Coral (FB553A) — 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 #FB553A

RGB rgb(251, 85, 58)

HSL hsl(8°, 96%, 61%)

CMYK C:0% M:66% Y:77% K:2%

Luminance 0.2719

WCAG Accessibility

On white 3.25:1

Aa — #FB553A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.46:1

Aa — #FB553A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#FB553A #3CE2FB

Analogous

#FB3C82 #FB553A #FBB53C

Triadic

#FB553A #3CFB56 #563CFB

Split-comp.

#FB553A #3CFBB5 #3C82FB

Tetradic

#FB553A #82FB3C #3CE2FB #B53CFB

Monochromatic

#641407 #C2270F #F15D46 #F58675 #FAC5BD

Suggested palettes for this hue.

Arctic Tundra View all →

Vibrant Summer View all →

White Marble View all →