Coral is a medium-light, vivid shade in the orange color family, with a warm feel. Its HEX code is #FF7F50, which equals rgb(255, 127, 80) in RGB and hsl(16, 100%, 66%) in HSL. In print terms it converts to roughly C0 M50 Y69 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF7F50 - RGB
255, 127, 80 - HSL
16°, 100%, 66% - CMYK
0, 50, 69, 0 - Family
Orange - Tone
Medium-light, vivid
About Coral
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 8.40:1. Its complementary color is #52D1FF.
Download Coral as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Coral color codes
| HEX | #FF7F50 |
|---|---|
| RGB | rgb(255, 127, 80) |
| HSL | hsl(16, 100%, 66%) |
| HSV | 16°, 69%, 100% |
| CMYK | 0%, 50%, 69%, 0% |
| Decimal | 16744272 |
Shades and tints of Coral
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFEAE2 - 100
#FFD4C5 - 200
#FFBFA8 - 300
#FFAA8A - 400
#FF946D - 500
#FF7F50 - 600
#D56A43 - 700
#AA5535 - 800
#804028 - 900
#552A1B - 950
#2B150D
Color harmonies for Coral
- Complementary
#52D1FF≈ Light Capri - Analogous −30°
#FF527A≈ Light Crimson - Analogous +30°
#FFD752≈ Light Marigold - Triadic +120°
#52FF80≈ Light Jade - Triadic +240°
#8052FF≈ Light Iris - Split 150°
#52FFD7≈ Light Turquoise - Split 210°
#527AFF≈ Light Cobalt
Contrast and accessibility of Coral
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Coral | Aa | 2.50:1 | Fails |
| Black text on Coral | Aa | 8.40:1 | AAA (excellent) |
CSS code for Coral
background-color: #FF7F50;color: #FF7F50;background-color: rgb(255, 127, 80);background-color: hsl(16, 100%, 66%);:root { --color-coral: #FF7F50; }class="bg-[#FF7F50]"Colors similar to Coral
- Light Cinnabar
#FF8652 - Light Vermilion
#FF7452 - Light Bright Vermilion
#EE7F63 - Medium Light Bright Persimmon
#EA833E - Light Persimmon
#FF9752 - Light Bright Scarlet
#EE7163 - Light Bright Cinnabar
#EE8D63 - Salmon
#FA8072 - Medium Light Bright Cinnabar
#EA723E - Medium Light Persimmon
#FF7E29 - Light Scarlet
#FF6352 - Tomato
#FF6347
More orange shades
- Dark Orange
#FF8C00 - Orange
#FFA500 - Peach Puff
#FFDAB9 - Antique White
#FAEBD7 - Bisque
#FFE4C4 - Blanched Almond
#FFEBCD - Dark Salmon
#E9967A - Goldenrod
#DAA520 - Light Salmon
#FFA07A - Linen
#FAF0E6 - Moccasin
#FFE4B5
Frequently asked questions
What is the HEX code for Coral?
The HEX code for Coral is #FF7F50.
What is the RGB value of Coral?
Coral has an RGB value of 255, 127, 80 (rgb(255, 127, 80)). In HSL it is 16°, 100%, 66%.
What text color should I use on Coral?
Use black text on Coral. White text has a contrast ratio of 2.50:1 and black text has 8.40:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Coral?
The complementary color of Coral is #52D1FF. Analogous colors #FF527A and #FFD752 also pair well.