Color Palettes

Ultramarine color

The name means beyond the sea, because the pigment came from lapis lazuli mined in Afghanistan. During the Renaissance it was more expensive than gold. It's a deep blue with a violet touch.

Also known as: ultramarine blue.

Ultramarine · #120A8F

About ultramarine

Ultramarine (#120A8F) is a cool, dark, highly saturated color. It belongs to the blues family. It mixes 18 red, 10 green and 143 blue (out of 255). It is mostly used in art, home decor, illustration.

Ultramarine shades and tints

From lightest to darkest. Tap a shade to copy its code.

Ultramarine color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Olive green
AnalogousClose to: Ocean blue, Indigo
TriadicClose to: Blood red, Green
Split complementaryClose to: Brown, Forest green
TetradicClose to: Claret, Olive green, Shamrock green

Ultramarine color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Ultramarine
Analogous palette · Ultramarine
Complementary palette · Ultramarine
Triadic palette · Ultramarine
With neutrals palette · Ultramarine
With an accent palette · Ultramarine

Ultramarine contrast with text

White textContrast 14.3:1 · AAA
Black textContrast 1.5:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --ultramarine: #120A8F;
  --ultramarine-rgb: 18, 10, 143;
}
.bg { background-color: var(--ultramarine); }
.text { color: var(--ultramarine); }

Colors similar to ultramarine

Dark blueNavy blueKlein blueIndigoDeep purpleGrape purpleMidnight blueRebecca purpleCobalt blueSlate blue

More blues

BlueNavy blueSky blueCobalt blueSapphire blueSteel blueRoyal blueElectric blueMidnight blueFrench bluePrussian bluePastel blueBaby blueDenim blueKlein blueDark blueLight blueCeruleanPeriwinkleDusty bluePowder blueCornflower blueSlate blueCarolina blue

Frequently asked questions

What is the hex code for ultramarine?

The hex code for ultramarine is #120A8F. In RGB it is rgb(18, 10, 143), in HSL hsl(244, 87%, 30%) and in CMYK 87, 93, 0, 44.

What is the complementary color of ultramarine?

Its complement on the color wheel is #878F0A, close to olive green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on ultramarine?

Yes. The contrast with white is 14.3:1, enough for body text (WCAG AA).