Blue Lagoon
HEX: #5E93A1 | Modern Palette
Color Specifications
#5E93A1
94, 147, 161
192°, 41% ,63%
41.61, 8.7, 0, 36.86
About Blue Lagoon
Blue Lagoon (#5E93A1) is a color with RGB(94, 147, 161) and HSL(192.54°, 41.61%, 63.14%). It is commonly associated with Calm moods. In design, it fits Cool styles and is suitable for Text, Logo, Print. Its complementary color is #A16C5E, which creates strong contrast. Its triadic palette includes #A15E93 and #93A15E. The name comes from Blue Lagoon (English).
- HEX: #5E93A1
- RGB: 94, 147, 161
- HSL: 192.54°, 41.61%, 63.14%
- Mood: Calm
- Style: Cool
- Use case: Text, Logo, Print
- Complementary color: #A16C5E
- Triadic colors: #A15E93, #93A15E
- The name comes from Blue Lagoon (English).
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 #5E93A1 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The term 'blue lagoon' likely emerged as a natural descriptor for bodies of water exhibiting a distinct blue hue. Such lagoons are often found in volcanic regions (like Iceland's Blue Lagoon, a geothermal spa) or coral atolls (like those in the Pacific). The phrase gained significant cultural recognition and became a proper noun for various locations and a popular culture reference primarily due to the 1980 romantic adventure film 'The Blue Lagoon', starring Brooke Shields and Christopher Atkins. This film, and its 1949 predecessor, popularized the imagery of idyllic, isolated tropical settings. The color #5e93a1 is a muted, somewhat desaturated blue-green, reminiscent of shallow tropical waters or the mineral-rich waters of geothermal lagoons.
First Recorded Use
The exact 'first use' of the descriptive phrase 'blue lagoon' is difficult to pinpoint, as it's a natural descriptor. However, its prominence as a cultural touchstone significantly increased with the release of the 1980 film 'The Blue Lagoon'.
Cultural Associations
The 'Blue Lagoon' evokes strong imagery of paradise, isolation, natural beauty, and often, youthful innocence or forbidden love, largely due to the influence of the aforementioned films. It's also associated with specific tourist destinations, most notably the Blue Lagoon geothermal spa in Iceland, which is famous for its milky blue, mineral-rich waters. The color itself, #5e93a1, aligns with this imagery, suggesting a serene, natural, and perhaps slightly mysterious body of water.
Code Snippets
/* Background */
.element {
background-color: #5E93A1;
}
/* Text */
.element {
color: #5E93A1;
}
/* Border */
.element {
border: 1px solid #5E93A1;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#5E93A1,
#C88A7A
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#5E93A1,
#C88A7A
);
}// SCSS variable
$blue-lagoon: #5E93A1;
// With RGB channels (useful for rgba() usage)
$blue-lagoon-r: 94;
$blue-lagoon-g: 147;
$blue-lagoon-b: 161;
// Usage
.element {
background-color: $blue-lagoon;
color: rgba($blue-lagoon-r, $blue-lagoon-g, $blue-lagoon-b, 0.8);
}