Ultramarine
General Information about Ultramarine
Ultramarine, represented by the hexadecimal color code #220BA9, is a deep blue color historically derived from the precious gemstone lapis lazuli. Its name, literally meaning 'beyond the sea,' reflects its origin as a pigment imported into Europe from Asia. Ultramarine is highly valued for its rich, intense color and historical significance in art. It has been used by renowned artists throughout history in paintings, manuscripts, and other forms of visual expression. In modern color theory, ultramarine is considered a cool color, associated with calmness, stability, and intellect. The hex code #220BA9 indicates the specific mixture of red, green, and blue light required to produce this shade of blue on digital displays. The use of ultramarine in art declined as synthetic alternatives became available, but its legacy as a prized pigment remains.
The color #220BA9, a deep ultramarine, presents significant accessibility challenges, especially in text-based applications. Its low luminance value makes it difficult to read when used as text on a white background or vice versa. The contrast ratio is far below the WCAG recommended levels for both normal and large text sizes. To improve accessibility, consider using a much lighter color for text displayed on an ultramarine background, such as a pale yellow or a very light gray. Alternatively, if ultramarine is used for text, select a very dark background color to achieve sufficient contrast. Tools are available online to calculate contrast ratios and assess the accessibility of color combinations. Ensure that interactive elements, such as buttons or links, have clear visual cues beyond color to accommodate users with color vision deficiencies. It's crucial to prioritize accessibility to make content usable for everyone.
Shades
Digital Color Formats
Alternative colors
Applications
Website Design
Ultramarine can be used to create a sense of depth and sophistication in website design. It is particularly effective when used in headers, footers, or as a background color for sections that need to stand out. This color works well for websites targeting a professional or academic audience, conveying trust and intelligence. Further considerations could be for highlighting important content to encourage user actions.
Fashion
In fashion, ultramarine can be used as an accent color in clothing or accessories to add a touch of elegance and mystery. It pairs well with neutral colors like gray, black, and white, but can also be combined with brighter colors for a bolder statement. Ultramarine accessories are a simple way to add personality to a look. This color helps to convey uniqueness and creativity.
Interior Design
Ultramarine can bring a touch of drama and artistry to interior spaces. It can be used as an accent wall color in a living room or bedroom, or in smaller doses through decorative items like vases, cushions, or artwork. Ultramarine works best in spaces with plenty of natural light to avoid making the room feel too dark. It should be combined with warm colors to balance out the coldness of the ultramarine.