Ultramarine Blue
HEX: #4166F5 | Modern Palette
Color Specifications
#4166F5
65, 102, 245
227°, 73% ,96%
73.47, 58.37, 0, 3.92
About Ultramarine Blue
Ultramarine Blue (#4166F5) is a color with RGB(65, 102, 245) and HSL(227.67°, 73.47%, 96.08%). It is commonly associated with Playful moods. In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #F5D041, which creates strong contrast. Its triadic palette includes #F54166 and #66F541. The name comes from ultramarinus (Latin).
- HEX: #4166F5
- RGB: 65, 102, 245
- HSL: 227.67°, 73.47%, 96.08%
- Mood: Playful
- Style: Cool
- Use case: Text, Button, Background
- Complementary color: #F5D041
- Triadic colors: #F54166, #66F541
- The name comes from ultramarinus (Latin).
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 #4166F5 from deepest shade to lightest tint.
Color Characteristics
Accessibility Simulation
#5D5DF5
#6363F5
#008484
#737373
Frequently Asked Questions
Name, History & Etymology
History
Ultramarine blue was originally derived from lapis lazuli, a metamorphic rock found primarily in Afghanistan. Its name reflects its origin, as the pigment was imported to Europe 'from beyond the sea.' It was the most expensive blue pigment available during the Renaissance, often reserved for the most important figures in paintings, such as the Virgin Mary. Due to its cost and rarity, artists often used cheaper blues like azurite for less prominent areas. A synthetic version, French Ultramarine, was developed in the early 19th century, making the color widely accessible and affordable.
First Recorded Use
13th century
Cultural Associations
In Western art, ultramarine blue is strongly associated with divinity, royalty, and truth. Its use in religious art, particularly for the robes of the Virgin Mary, imbued it with spiritual significance. Its vibrant, deep hue has also made it popular in modern art and design, conveying a sense of depth, calm, and sophistication. It is a primary color in many color systems and is widely recognized for its distinct, rich blue tone.
Code Snippets
/* Background */
.element {
background-color: #4166F5;
}
/* Text */
.element {
color: #4166F5;
}
/* Border */
.element {
border: 1px solid #4166F5;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#4166F5,
#FCF9EE
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#4166F5,
#FCF9EE
);
}// SCSS variable
$ultramarine-blue: #4166F5;
// With RGB channels (useful for rgba() usage)
$ultramarine-blue-r: 65;
$ultramarine-blue-g: 102;
$ultramarine-blue-b: 245;
// Usage
.element {
background-color: $ultramarine-blue;
color: rgba($ultramarine-blue-r, $ultramarine-blue-g, $ultramarine-blue-b, 0.8);
}