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
Green Blue #1164B4 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
Green Blue #1164B4 pairs with #B46111 as its complementary color, and #B41164 and #64B411 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 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);
}