Ultramarine
For designers seeking a blue with serious presence, Ultramarine (#120A8F) offers an arresting depth. Its pure, intense saturation gives it a striking character that stands apart from more common blues, making it a powerful choice for any palette.
Ultramarine Code Conversions
HEX
#120A8F
LAB
17, 48, -67
RGB
18, 10, 143
XYZ
5.3, 2.3, 26.2
HSL
244°, 87%, 30%
LCH
17, 83, 306°
HSB
244°, 93%, 56%
LUV
17, -4, -65
HWB
244°, 4%, 44%
Ultramarine Color Harmonies
Analogous
Analogous colors sit next to each other on the color wheel. Paired with Ultramarine, they produce a cohesive and tranquil palette.
Complementary
Complementary colors sit opposite each other on the color wheel. For Ultramarine, this creates a high-contrast pairing that makes both colors pop.
Split Complementary
More nuanced than a direct complementary, this scheme pairs Ultramarine with the two colors neighboring its opposite for a flexible, high-contrast palette.
Triadic
A triadic color scheme uses three colors equally spaced on the color wheel. With Ultramarine as a base, this creates a vibrant, high-contrast palette.
Tetradic
Tetradic palettes pair Ultramarine with three other hues, creating two sets of complementary colors that form a rectangle on the color wheel.
Square
Based on Ultramarine, a square scheme features four colors equidistant on the color wheel, offering a balanced yet strikingly contrasting set of hues.
Ultramarine Contrast Simulation
Ultramarine Color Variations
Shades
Shades of Ultramarine are made by adding black, which gives the color depth and weight.
Tints
By adding white, you can create tints of Ultramarine for a softer, airier effect.
Tones
Tones are created by adding gray to Ultramarine, resulting in a softer, less saturated hue.
Hues
Hues are variations of Ultramarine that alter its intensity or temperature, affecting the design's mood.
What Interfaces Use Colors Like Ultramarine?


























