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
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 #0077BE from deepest shade to lightest tint.
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);
}