Ultramarine color: code #120A8F

Ultramarine

#120A8F

Color codes

  • HEX#120A8F
  • RGBrgb(18, 10, 143)
  • HSLhsl(244, 87%, 30%)
  • HSVhsv(244, 93%, 56%)
  • CMYKcmyk(87%, 93%, 0%, 44%)
  • LABlab(17.1% 48.4 -67.2)
  • OKLCHoklch(30.7% 0.194 268.5)

About the color Ultramarine

Ultramarine has the HEX code #120A8F, which corresponds to rgb(18, 10, 143) in the RGB model. On the color wheel its hue sits at 244°, with 87% saturation and 30% lightness (hsl(244, 87%, 30%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for light text: white reaches a 14.32:1 contrast ratio on it, versus 1.46:1 for black.

For print, the approximate conversion is cmyk(87%, 93%, 0%, 44%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Ultramarine

Complementary

#120A8F · #868F0A

Analogous

#0A448F · #120A8F · #550A8F

Triadic

#120A8F · #8F130A · #0A8F13

Tetradic

#120A8F · #8F0A44 · #868F0A · #0A8F55

Split-complementary

#120A8F · #8F550A · #448F0A

Monochromatic

#030218 · #0D075F · #120A8F · #1C0FD7 · #4C40F2

Ultramarine with white and black text

White text Aa Bb Cc 123
14.32:1 · AAA
Black text Aa Bb Cc 123
1.46:1 · fails WCAG

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-ultramarine: #120A8F;
  --color-ultramarine-rgb: 18, 10, 143;
}

.elemento {
  background-color: var(--color-ultramarine);
  color: #FFFFFF;
}

Similar colors

Use Ultramarine in our tools