# Ultramarine color: #120a8f

#120a8f is rgb(18, 10, 143) in RGB and oklch(30.73% 0.1944 268.462) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/colors/ultramarine

## Formats

| Format | Value |
| --- | --- |
| HEX | #120a8f |
| RGB | rgb(18, 10, 143) |
| HSL | hsl(243.61, 86.93%, 30%) |
| HSB / HSV | hsv(243.61 93.01% 56.08%) |
| HWB | hwb(243.61 3.92% 43.92%) |
| CMYK | cmyk(87% 93% 0% 44%) |
| Lab | lab(15.58 41.34 -69.53) |
| LCH | lch(15.58 80.89 300.74) |
| OKLab | oklab(30.73% -0.00522 -0.19433) |
| OKLCH | oklch(30.73% 0.1944 268.462) |
| Display P3 | color(display-p3 0.06583 0.04051 0.53752) |
| Rec. 2020 | color(rec2020 0.07511 0.02848 0.48593) |
| Adobe RGB | color(a98-rgb 0.09143 0.07164 0.54528) |
| ProPhoto RGB | color(prophoto-rgb 0.17369 0.08156 0.45065) |
| Linear sRGB | color(srgb-linear 0.00605 0.00304 0.27468) |
| XYZ D65 | color(xyz-d65 0.05315 0.02329 0.26157) |
| XYZ D50 | color(xyz-d50 0.04311 0.02017 0.19653) |
| SwiftUI | Color(red: 0.071, green: 0.039, blue: 0.561) |
| UIKit | UIColor(red: 0.071, green: 0.039, blue: 0.561, alpha: 1) |
| Flutter / Compose | Color(0xFF120A8F) |
| Android XML | #120A8F |

## Facts

- Closest name: Ultramarine
- Hue family: Blue, deep dark blue
- Closest Tailwind class: indigo-900
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 14.33:1
- Contrast with black: 1.47:1

## Tints

#120a8f, #1e309c, #3149a9, #4761b5, #5f77c1, #778ecc, #91a4d7, #abbbe2, #c7d1ec, #e2e8f6

## Shades

#120a8f, #0e077c, #0a0569, #070357, #040245, #020134, #010124, #010015, #000007, #000001

## Tones

#120a8f, #121786, #131e7c, #152473, #182769, #1b2a60, #1f2c57, #232e4d, #272f44, #2b2f3a

## Harmonies

- Complementary: #120a8f, #402c00
- Split: #120a8f, #511f00, #2c3500
- Analogous: #120a8f, #003459, #41007e
- Triadic: #120a8f, #660000, #003e01
- Tetradic: #120a8f, #560057, #402c00, #003e01
- Square: #120a8f, #61002f, #402c00, #003c30
- Monochromatic: #120a8f, #02002c, #060053, #263cb7, #4362e0

## Questions about Ultramarine

### 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(243.61, 86.93%, 30%) and in OKLCH oklch(30.73% 0.1944 268.462).

### What colors go well with Ultramarine?

Its complementary color is #402c00. For a calmer look, pair it with the analogous colors #003459 and #41007e. Ready palettes with Ultramarine are shown on this page.

### Is Ultramarine a warm or cool color?

Ultramarine is a cool color with an OKLCH hue of 268 degrees.

### What text color is readable on Ultramarine?

White text is more readable on Ultramarine: white gives a contrast ratio of 14.33:1 and black gives 1.47:1. WCAG AA asks for at least 4.5:1 for body text.