Green Blue
HEX: #1164B4 | Modern Palette
Color Specifications
#1164B4
17, 100, 180
209°, 90% ,70%
90.56, 44.44, 0, 29.41
About Green Blue
Green Blue (#1164B4) is a color with RGB(17, 100, 180) and HSL(209.45°, 90.56%, 70.59%). 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 #B46111, which creates strong contrast. Its triadic palette includes #B41164 and #64B411. The name comes from Green Blue (English).
- HEX: #1164B4
- RGB: 17, 100, 180
- HSL: 209.45°, 90.56%, 70.59%
- Mood: Bold, Playful
- Style: Neon, Cool
- Use case: Text, Button, Accent
- Complementary color: #B46111
- Triadic colors: #B41164, #64B411
- The name comes from Green 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 #1164B4 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The concept of colors between green and blue has existed as long as humans have observed nature (e.g., the sea, certain minerals). Historically, many languages did not distinguish sharply between green and blue, sometimes using a single term for both (e.g., 'grue' in some contexts). As color science and art developed, the need for more precise descriptors like 'green-blue' became apparent. The term itself is straightforwardly descriptive, combining two primary subtractive colors (or secondary additive colors) to indicate an intermediate hue. Its usage has become more common with the standardization of color systems and digital color representation.
First Recorded Use
While the individual words 'green' and 'blue' have ancient origins, the compound 'green-blue' or 'green blue' as a specific color descriptor likely emerged as color vocabulary became more nuanced, particularly with the advent of more precise color mixing and observation. Early uses would be descriptive in texts about nature, art, or dyes. It's difficult to pinpoint a single 'first use' as it's a compound of common adjectives.
Cultural Associations
Green-blue colors are often associated with nature, particularly water (oceans, lakes) and certain types of foliage or minerals (e.g., turquoise, teal, aquamarine). They can evoke feelings of calmness, serenity, freshness, and depth. In various cultures, these shades might be linked to themes of healing, wisdom, or the divine, depending on the specific hue and context. For example, turquoise has significant cultural and spiritual meaning in many Native American and Middle Eastern cultures.
Code Snippets
/* Background */
.element {
background-color: #1164B4;
}
/* Text */
.element {
color: #1164B4;
}
/* Border */
.element {
border: 1px solid #1164B4;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#1164B4,
#F8B370
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#1164B4,
#F8B370
);
}// SCSS variable
$green-blue: #1164B4;
// With RGB channels (useful for rgba() usage)
$green-blue-r: 17;
$green-blue-g: 100;
$green-blue-b: 180;
// Usage
.element {
background-color: $green-blue;
color: rgba($green-blue-r, $green-blue-g, $green-blue-b, 0.8);
}