A study in orange
Coral
#FF7F50
- Family
- Orange
- L
- 0.735
- C
- 0.168
- H
- 40°
Notes
Coral is the warm pink-orange named after the living reef organism. The CSS value is brighter than what most coral actually looks like underwater but matches the popular interior-design tone that took off in the 2000s and again in 2019 as Pantone's color of the year. Designers reach for it for energetic accent buttons, calls to action, and editorial palettes that want warmth without aggression. Against white the contrast is borderline for body text and reliable for headlines. Deep navy or charcoal handles type-heavy layouts; the contrast between cool dark type and warm coral surface reads as intentional rather than accidental.
Palette built around Coral
Related colors
Frequently asked questions
What is Coral?
Coral is the warm pink-orange named after the living reef organism. The CSS value is brighter than what most coral actually looks like underwater but matches the popular interior-design tone that took off in the 2000s and again in 2019 as Pantone's color of the year. Its hex code is #FF7F50.
What are the tints and shades of Coral?
uishades builds an 11-step OKLCH ramp for Coral (#FF7F50) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Coral?
Its complementary color is #00BEEC. Triadic partners are #00C884 and #979BFF; analogous neighbours are #EB9300 and #FF7690.
What are the OKLCH and RGB values of Coral?
Coral is #FF7F50 - OKLCH 0.735 0.168 40°, rgb(255 127 80), in the orange family.