Cyan Azure
HEX: #4E82B4 | Modern Palette
Color Specifications
#4E82B4
78, 130, 180
209°, 56% ,70%
56.67, 27.78, 0, 29.41
About Cyan Azure
Cyan Azure (#4E82B4) is a color with RGB(78, 130, 180) and HSL(209.41°, 56.67%, 70.59%). In design, it fits Cool styles and is suitable for Text, Button, Logo. Its complementary color is #B4804E, which creates strong contrast. Its triadic palette includes #B44E82 and #82B44E. The name comes from Cyan Azure (English).
- HEX: #4E82B4
- RGB: 78, 130, 180
- HSL: 209.41°, 56.67%, 70.59%
- Style: Cool
- Use case: Text, Button, Logo
- Complementary color: #B4804E
- Triadic colors: #B44E82, #82B44E
- The name comes from Cyan Azure (English).
Live Components
Color Palettes
Cyan Azure #4E82B4 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
Cyan Azure #4E82B4 pairs with #B4804E as its complementary color, and #B44E82 and #82B44E 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 word 'cyan' comes from Ancient Greek 'kyanos' (κυανός), meaning 'dark blue enamel, lapis lazuli'. 'Azure' comes from Old French 'azur', which itself is derived from Arabic 'lāzaward' (لازورد), referring to the semi-precious stone lapis lazuli. Both terms have long histories in describing shades of blue. The combination 'Cyan Azure' is a descriptive compound, often used to specify a blue that leans towards the greenish-blue of cyan but retains the richness and depth associated with azure. The hexadecimal code #4e82b4 precisely defines this particular shade in digital contexts.
First Recorded Use
While 'cyan' and 'azure' have much older origins, the specific compound term 'Cyan Azure' as a distinct color name, especially with a precise hexadecimal value like #4e82b4, is a more modern development, likely emerging with digital color systems and web design in the late 20th century.
Cultural Associations
Blues, in general, are widely associated with tranquility, stability, and depth across many cultures. Cyan is often linked to water, sky, and technology. Azure frequently evokes the clear sky, the sea, and sometimes royalty or divinity. 'Cyan Azure' would therefore carry connotations of a serene, clear, and perhaps expansive blue, suitable for themes related to nature, technology, or calm. It's a common color in digital interfaces and branding for its clean and modern feel.
Code Snippets
/* Background */
.element {
background-color: #4E82B4;
}
/* Text */
.element {
color: #4E82B4;
}
/* Border */
.element {
border: 1px solid #4E82B4;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#4E82B4,
#DFB38A
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#4E82B4,
#DFB38A
);
}// SCSS variable
$cyan-azure: #4E82B4;
// With RGB channels (useful for rgba() usage)
$cyan-azure-r: 78;
$cyan-azure-g: 130;
$cyan-azure-b: 180;
// Usage
.element {
background-color: $cyan-azure;
color: rgba($cyan-azure-r, $cyan-azure-g, $cyan-azure-b, 0.8);
}