Named after sea coral, it sits between orange and pink. It's cheerful, tropical and flattering on tanned skin. It's popular in swimwear, lipsticks and summer textiles.
Also known as: coral orange.
Coral (#FF7F50) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 255 red, 127 green and 80 blue (out of 255). It is mostly used in fashion, home decor, makeup.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--coral: #FF7F50;
--coral-rgb: 255, 127, 80;
}
.bg { background-color: var(--coral); }
.text { color: var(--coral); }The hex code for coral is #FF7F50. In RGB it is rgb(255, 127, 80), in HSL hsl(16, 100%, 66%) and in CMYK 0, 50, 69, 0.
Its complement on the color wheel is #50D0FF, close to deep sky blue. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 2.5:1, while with black it is 8.4:1.
It pairs well with turquoise, navy blue, white, beige, mint green. Avoid pairing it with red or bright orange, because they compete and coral looks dirty. It also clashes with intense purples.