Coral Color Code #FF7F50
Coral has the HEX code #FF7F50 and the RGB value rgb(255, 127, 80).
Coral#FF7F50
Coral color codes
| HEX | #FF7F50 |
| RGB | rgb(255, 127, 80) |
| HSL | hsl(16, 100%, 66%) |
| CMYK | cmyk(0%, 50%, 69%, 0%) |
| RGB percent | 100%, 50%, 31% |
| Decimal | 16744272 |
Tints of Coral
#FF8C62#FF9973#FFA585#FFB296#FFBFA8#FFCCB9#FFD9CB#FFE5DC#FFF2EE
Shades of Coral
#E67248#CC6640#B35938#994C30#804028#663320#4D2618#331910#190D08
Color combinations
Complementary
#FF7F50#52D1FF
Analogous
#FF7F50#FF527A#FFD752
Triadic
#FF7F50#52FF80#8052FF
Use Coral in CSS
.text { color: #FF7F50; }
.box { background-color: rgb(255, 127, 80); }
.border { border: 2px solid hsl(16, 100%, 66%); }
Text in Coral
Background in Coral
Similar colors
- Tomato
- Terracotta
- Salmon
- Sandy Brown
- Light Coral
- Dark Salmon
- Peru
- Light Salmon
- Bronze
- Indian Red
- Blush Pink
- Chocolate
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 in RGB is rgb(255, 127, 80): red 255, green 127 and blue 80 out of 255.
How do I use Coral in CSS?
Use color: #FF7F50; for text or background-color: #FF7F50; for backgrounds. You can also write the CSS name coral.