Blue Gem

General Information about #220EA6

The hex color #220EA6, also known as Blue Gem, is a deep, saturated shade of blue with a slight violet undertone. It belongs to the blue color family and exhibits characteristics associated with both blue and violet hues. In the RGB color model, #220EA6 is composed of 13.33% red, 5.49% green, and 65.1% blue. This high proportion of blue gives the color its dominant blue appearance. In the CMYK color model, which is used for printing, it consists of 80% cyan, 92% magenta, 0% yellow, and 35% black. This indicates that it requires a significant amount of cyan and magenta inks to reproduce accurately. Its intensity and depth make it suitable for creating a sense of elegance, mystery, or sophistication in various design applications.

The hex color #220EA6, also known as Blue Gem, presents specific accessibility challenges, particularly in text-based applications. Its dark hue creates low contrast against lighter backgrounds, making it difficult for users with visual impairments to read text rendered in this color. According to WCAG guidelines, sufficient contrast ratios are essential for ensuring readability. For small text, a contrast ratio of at least 4.5:1 is recommended, while large text requires a ratio of 3:1. Using #220EA6 on a white background falls short of these recommendations. To enhance accessibility, web developers should pair this color with much lighter shades or, conversely, use it as a background color with white or very light text. Additionally, providing alternative text descriptions for images using this color helps users relying on screen readers understand the content. Careful consideration of color combinations and adherence to accessibility standards are crucial when incorporating #220EA6 into designs intended for a wide audience.

Shades

Digital Color Formats

Alternative colors

Applications

• Sophisticated Web Background

  In web design, #220EA6 can serve as a sophisticated background color for headers or banners, especially when combined with contrasting text elements. Its depth can create a sense of elegance and professionalism, suitable for websites in the technology, finance, or education sectors. However, it should be used sparingly for text due to its low contrast on light backgrounds. It's better applied to interactive elements like buttons or highlights to draw attention. Careful consideration of font size and weight is crucial to maintain readability when using this color for text elements. Remember to test the color scheme with accessibility tools to ensure compliance with WCAG guidelines.

• Elegant Fashion Accent

  In fashion, #220EA6 can be a striking choice for evening wear or accessories. Its rich hue adds a touch of luxury and sophistication to any outfit. It pairs well with metallics like silver or gold, as well as neutral tones like black, white, or gray. This color is best suited for statement pieces like dresses, handbags, or shoes, rather than entire ensembles. When incorporating it into an outfit, consider the occasion and the overall style you wish to convey. Remember to balance the intensity of this color with complementary shades to create a harmonious and visually appealing look.

• Dramatic Interior Accent

  In interior design, #220EA6 can add a touch of drama and depth to a room. It works well as an accent wall color, especially in spaces with ample natural light. This color can create a sense of intimacy and coziness, making it ideal for bedrooms or studies. Pair it with lighter shades of blue, gray, or white to balance the intensity and prevent the room from feeling too dark. Consider incorporating metallic accents like gold or brass to enhance the luxurious feel. This color can also be used in smaller doses, such as in decorative pillows, artwork, or rugs, to add a pop of color without overwhelming the space. Experiment with different textures and materials to create visual interest and enhance the overall design.

Complementary color

Buttons