Coral
HEX: #FF7F50 | Modern Palette
Color Specifications
#FF7F50
255, 127, 80
16°, 100% ,65%
0, 50, 69, 0
About Coral
Coral (#FF7F50) is a color with RGB(255, 127, 80) and HSL(16.1°, 100%, 65.7%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #50D0FF, which creates strong contrast. Its triadic palette includes #50FF7F and #7F50FF. The name comes from κοράλλιον (korállion) (Ancient Greek).
- HEX: #FF7F50
- RGB: 255, 127, 80
- HSL: 16.1°, 100%, 65.7%
- Mood: Energetic, Bold
- Style: Vivid, Neon
- Use case: Text, Button, Accent
- Complementary color: #50D0FF
- Triadic colors: #50FF7F, #7F50FF
- The name comes from κοράλλιον (korállion) (Ancient Greek).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #FF7F50 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The term "coral" has been used for centuries to describe the hard, stony skeletons of marine polyps, particularly those that form reefs. Ancient civilizations were aware of coral and used it for decorative purposes and in jewelry. The scientific understanding of coral as a living organism rather than a plant or mineral evolved over time, with significant contributions from naturalists in the 17th and 18th centuries. The color 'coral' as a specific hue in English is a more recent development, likely gaining prominence with the rise of color standardization and fashion terminology.
First Recorded Use
The English word "coral" is attested from the late 14th century, derived via Old French "coral" from Latin "corallium", which in turn came from the Ancient Greek "korállion".
Cultural Associations
Coral has held various cultural significances across different societies. In ancient Rome, coral was believed to protect children from harm. In some Asian cultures, red coral is considered a precious gem and a symbol of good fortune and status. It has been used extensively in jewelry, amulets, and decorative arts. The color 'coral' itself evokes images of tropical seas, warmth, and vibrancy, often associated with summer and beachwear in modern fashion and design.
Code Snippets
/* Background */
.element {
background-color: #FF7F50;
}
/* Text */
.element {
color: #FF7F50;
}
/* Border */
.element {
border: 1px solid #FF7F50;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#FF7F50,
#50D0FF
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#FF7F50,
#50D0FF
);
}// SCSS variable
$coral: #FF7F50;
// With RGB channels (useful for rgba() usage)
$coral-r: 255;
$coral-g: 127;
$coral-b: 80;
// Usage
.element {
background-color: $coral;
color: rgba($coral-r, $coral-g, $coral-b, 0.8);
}