Ultramarine (#120A8F)

Ultramarine is is a color with HEX code #120A8F, RGB value 18, 10, 143 and HSL coordinates 244°, 87%, 30%. This color is part of a color palette that contains 48 different gradient variations for professional design.

HEX

#120A8F

RGB

18, 10, 143

HSL

244°, 87%, 30%

CSS Gradients

View All Colors (40)

HEX

#120A8F

RGB

18, 10, 143

HSL

244°, 87%, 30%

About This Color

Color Ultramarine (#120A8F) is a fundamental hue with RGB(18, 10, 143) and HSL(244°, 87%, 30%) values. This comprehensive color page features 48 CSS gradient combinations in multiple directions, complementary color (#868F0A), rich color harmonies (Analogous, Triadic, Monochromatic, Split-Complementary), and expertly curated similar shades like Dark blue, Deep Koamaru, Navy blue, Jacksons Purple, Blue Gem, Deep Blue. Perfect for web design, graphic design, and print projects. Explore all gradient variations, copy CSS code instantly, and discover professional color combinations.

Previous color Next color

View All Colors (1654)

Recommended Colors (16)

Color Palettes & Harmonies

Complementary Color

#868F0A

The complementary color is the hue located directly opposite the main color on the color wheel. Their combination creates maximum visual contrast and dynamism and is perfect for accent colors.

#868F0A

Opposite Color Palettes

Opposite Analogous Palette

#8f550a

#8f770a

#868f0a

#658f0a

#448f0a

Monochromatic (5 HEX)

#090548

#100877

#120A8F

#160CA7

#1C0FD7

#090548, #100877, #120A8F, #160CA7, #1C0FD7

Analogous (5 HEX)

#0A448F

#0A228F

#120A8F

#340A8F

#550A8F

#0A448F, #0A228F, #120A8F, #340A8F, #550A8F

Triadic (5 HEX)

#120A8F

#5F0D07

#8F130A

#075F0D

#0A8F13

#120A8F, #5F0D07, #8F130A, #075F0D, #0A8F13

Split Complementary (5 HEX)

#120A8F

#8F550A

#448F0A

#5F3907

#2D5F07

#120A8F, #8F550A, #448F0A, #5F3907, #2D5F07

Tints (Lighter) (5 HEX)

#120A8F

#1A0EC8

#3124F0

#675DF4

#9D96F8

#120A8F, #1A0EC8, #3124F0, #675DF4, #9D96F8

Shades (Darker) (5 HEX)

#120A8F

#10097C

#0E0769

#0B0656

#090543

#120A8F, #10097C, #0E0769, #0B0656, #090543

Color Videos (Gradient Animations)

Complementary Gradient

Animated gradient video showcasing color harmony

Analogous Gradient

Animated gradient video showcasing color harmony

Triadic Gradient

Animated gradient video showcasing color harmony

All Gradient Variations (48)

complementary 0°