Coral color: #ff7f50
The Coral color code in every format, with shades, matching colors and ready palettes.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
OKLCH
- Orange
- Light
- Vivid
- Warm
- orange-400
- Black 0%
Looks the same on every screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
Palettes with Coral
Similar named colors
Questions about Coral
What is the hex code for Coral?
The hex code for Coral is #ff7f50. In RGB it is rgb(255 127 80), in HSL hsl(16.11 100% 65.69%) and in OKLCH oklch(73.511% 0.16799 40.247).
What colors go well with Coral?
Its complementary color is #00beec. For a calmer look, pair it with the analogous colors #ff7690 and #eb9300. Ready palettes with Coral are shown on this page.
Is Coral a warm or cool color?
Coral is a warm color with an OKLCH hue of 40 degrees.
What text color is readable on Coral?
Black text is more readable on Coral: white gives a contrast ratio of 2.5:1 and black gives 8.4:1. WCAG AA asks for at least 4.5:1 for body text.
About #ff7f50
#ff7f50 is a bright light orange color. In OKLCH it has 73.5% lightness, 0.168 chroma and a hue of 40°.
Looks the same on every screen.
White text on it reaches 2.5:1 contrast and black text 8.4:1, so black text reads better.
The closest named color is Coral (#ff7f50). In Tailwind CSS the closest color is orange-400.