Ultramarine #120A8F

#120A8FUltramarine
HEX#120A8F
RGBrgb(18, 10, 143)
HSLhsl(244, 87%, 30%)
HSVhsv(244, 93%, 56%)
OKLCHoklch(30.7% 0.194 268.5)
OKLABoklab(30.7% -0.005 -0.194)
CMYKcmyk(87%, 93%, 0%, 44%)

Ultramarine (#120A8F) is a very dark, highly saturated blue hue. Ultramarine was once ground from lapis lazuli and cost more than gold in Renaissance Europe.

In RGB it is made of 18 red, 10 green and 143 blue. Its HSL hue angle is 244° with 87% saturation and 30% lightness, while its perceptual OKLCH lightness is 31% with a chroma of 0.194. For print, a starting CMYK mix is 87% cyan, 93% magenta, 0% yellow and 44% black.

As a text color on white, Ultramarine has a contrast ratio of 14.33:1, which passes WCAG AA for normal text. On black it reaches 1.47:1 and fails AA. If you use Ultramarine as a background, put white text on it. The APCA lightness contrast is Lc 0 for black text and Lc -103 for white text.

Its perceptual complement is #3D2D00, close to taupe. Colors that look most similar are navy blue, midnight blue, indigo. It looks fairly similar to people with red-green color blindness (ΔE 3), so its meaning mostly survives.

Contrast

Text on white · 14.33:1 AA ✓
Text on black · 1.47:1 ✗
White on Ultramarine · APCA Lc -103
Black on Ultramarine · APCA Lc 0

Shades and tints of ultramarine

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How ultramarine looks with color blindness

Protanopia: #003192Deuteranopia: #00238DTritanopia: #003A53Achromatopsia: #2A2A2A

Similar colors

Navy Blue#000080Midnight Blue#191970Indigo#4B0082Cobalt Blue#0047ABSapphire#0F52BAGunmetal#2A3439Charcoal#36454FBlue#0000FF

FAQ

What is the hex code for ultramarine?

The hex code for ultramarine is #120A8F, which is rgb(18, 10, 143) in RGB.

What text color goes on ultramarine?

White text. Its contrast with ultramarine is 14.33:1.

What color is the complement of ultramarine?

The perceptual (OKLCH) complement of #120A8F is #3D2D00.

← All named colors