What color is Ultramarine Blue?
Ultramarine blue is a bold, deep blue with a strong violet undertone, hex #4166F5, closer in depth to a lapis lazuli stone than a clear summer sky. It is rich and saturated without appearing dark, holding its brightness even against strong colors.
What is the meaning of the color Ultramarine Blue?
The name comes from the Latin ultramarinus, meaning beyond the sea, a reference to the lapis lazuli stone mined in Afghanistan and shipped into Europe through Mediterranean trade routes from at least the 13th century. Renaissance painters ground the stone into pigment, and its rarity made it more expensive than gold by weight during the 14th and 15th centuries. Synthetic ultramarine was produced in 1828 by French chemist Jean-Baptiste Guimet, making the color widely available for the first time. The French navy adopted a version of the color for its uniforms, anchoring the shade to themes of authority and maritime service.
What colors go with Ultramarine Blue?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #4166F5 |
color: #4166F5;
|
| RGB | 65, 102, 245 |
color: rgb(65, 102, 245);
|
| RGB Percentage | 25%, 40%, 96% |
color: rgb(25%, 40%, 96%);
|
| CMYK | 73%, 58%, 0%, 4% | Not supported in CSS |
| HSL | 228°, 90%, 61% |
color: hsl(228, 90%, 61%);
|
| HSV | 228°, 73%, 96% | Not supported in CSS |
| CIE-LAB | 49, -7, -48 |
color: lab(49% -7 -48);
|
| Decimal | 4286197 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.ultramarine-blue {
color: #4166F5;
}
$ultramarine-blue: #4166F5;
rgb(65, 102, 245)