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