Ocean Boat Blue
HEX: #0077BE | Modern Palette
Color Specifications
#0077BE
0, 119, 190
202°, 100% ,74%
100, 37.37, 0, 25.49
About Ocean Boat Blue
Ocean Boat Blue (#0077BE) is a color with RGB(0, 119, 190) and HSL(202.42°, 100%, 74.51%). It is commonly associated with Bold, Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #BE4700, which creates strong contrast. Its triadic palette includes #BE0077 and #77BE00. The name comes from Ocean Boat Blue (English).
- HEX: #0077BE
- RGB: 0, 119, 190
- HSL: 202.42°, 100%, 74.51%
- Mood: Bold, Playful
- Style: Neon, Cool
- Use case: Text, Button, Accent
- Complementary color: #BE4700
- Triadic colors: #BE0077, #77BE00
- The name comes from Ocean Boat Blue (English).
Live Components
Color Palettes
Ocean Boat Blue #0077BE is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Ocean Boat Blue #0077BE pairs with #BE4700 as its complementary color, and #BE0077 and #77BE00 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
History
The color blue itself has a rich history, from ancient pigments like lapis lazuli to synthetic dyes. 'Ocean Boat Blue' is not a historical pigment but a descriptive name for a specific hue within the blue spectrum. Its history is tied to the development of digital color systems (like RGB and hex codes) and the need for evocative names to differentiate shades. The combination 'Ocean Boat' suggests a practical and aesthetic connection to maritime themes, where blue is dominant. It's a color that evokes both the vastness of the sea and the sturdy, often painted, vessels that traverse it.
First Recorded Use
The specific name 'Ocean Boat Blue' with the hex code #0077be appears to be a modern, descriptive color name, likely originating in digital color palettes or design specifications. While the concept of 'ocean blue' or 'boat blue' existed much earlier, this precise compound name is more recent. Its widespread use would align with the proliferation of web colors and standardized digital palettes, placing its 'first use' as a distinct named color in the late 20th or early 21st century.
Cultural Associations
Blue, in general, is often associated with tranquility, stability, wisdom, and the sea. 'Ocean Boat Blue' specifically taps into maritime culture, evoking images of sailing, the open ocean, and the practical yet often beautiful colors of working boats or yachts. It can symbolize adventure, freedom, and a connection to nature. In design, it's a popular choice for conveying reliability, professionalism, and a sense of calm, often used in technology, travel, and environmental branding.
Code Snippets
/* Background */
.element {
background-color: #0077BE;
}
/* Text */
.element {
color: #0077BE;
}
/* Border */
.element {
border: 1px solid #0077BE;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#0077BE,
#FFAE7D
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#0077BE,
#FFAE7D
);
}// SCSS variable
$ocean-boat-blue: #0077BE;
// With RGB channels (useful for rgba() usage)
$ocean-boat-blue-r: 0;
$ocean-boat-blue-g: 119;
$ocean-boat-blue-b: 190;
// Usage
.element {
background-color: $ocean-boat-blue;
color: rgba($ocean-boat-blue-r, $ocean-boat-blue-g, $ocean-boat-blue-b, 0.8);
}