Skip to main content

#222A56 - Ultramarine Violet

Hex color #222A56 is called Ultramarine Violet. It consists of 13% red, 16% green, and 34% blue in RGB color space. In CMYK it is 60% cyan, 51% magenta, 0% yellow, and 66% black. In HSL it is 231° hue, 43% saturation, and 24% lightness (dark) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.

PropertyValueCSS
Name
Ultramarine Violet
HEX
#222A56
#222A56
HEXA
#222A56FF
#222A56FF
RGB
34, 42, 86
rgb(34, 42, 86)
RGBA
34, 42, 86, 1
rgba(34, 42, 86, 1)
HSL
231%, 43%, 24%
hsl(231%, 43%, 24%)
CMYK
60%, 51%, 0%, 66%
cmyk(60%, 51%, 0%, 66%)
CSS Name
Tailwind Name
Lightness
24% (dark)
As you see on the table, not all names are available for this color.
  • The closest color with CSS name is #483d8b (darkslateblue)
  • The closest color with Tailwind name is #01579b (light-blue-900)

Tints of #222A56

Shades of #222A56

Monochromatic Colors of #222A56

Triadic colors of #222A56

Negative color

The color opposite to #222A56 is #DDD5A9.

Preview on black and white

As #222A56 has 24% lightness, this color is dark, so it has more contrast with white.

#222A56 On White Background

#222A56
#222A56
Text Color

This is how text looks with this color.

#222A56 On Black Background

#222A56
#222A56
Text Color

This is how text looks with this color.

Transform color

#222A56
34, 42, 86
rgb(34, 42, 86)