Blue Gem

General Information about Blue Gem

The hexadecimal color #211388, also known as Blue Gem, is a dark shade of blue-violet. In the RGB color model, it is composed of 12.94% red, 7.45% green, and 53.33% blue. In the CMYK color model, it consists of 75.7% cyan, 86% magenta, 0% yellow, and 46.7% black. Its hue angle is 248.6 degrees, its saturation is 75.8%, and its lightness is 30.4%. Blue Gem conveys feelings of depth, mystery, and sophistication. It is often associated with royalty, intelligence, and stability. Due to its dark nature, it's important to use Blue Gem judiciously, especially in applications where readability and accessibility are paramount. Employing it as an accent color rather than a primary background color can maximize its aesthetic appeal while minimizing potential usability issues. When designing with Blue Gem, ensure sufficient contrast with foreground elements, particularly text, to create an inclusive and user-friendly experience.

The color #211388, also known as Blue Gem, presents significant accessibility challenges, especially when used for text or interactive elements. Its dark hue results in low contrast against typical light backgrounds, making it difficult for users with visual impairments to perceive content clearly. A contrast ratio assessment would likely reveal that it falls far short of WCAG (Web Content Accessibility Guidelines) recommendations for text and non-text contrast. To improve accessibility, consider pairing Blue Gem with much lighter colors to meet a minimum contrast ratio of 4.5:1 for standard text and 3:1 for large text and graphical objects. Alternatively, use it sparingly for purely decorative elements where readability isn't critical. Providing alternative high-contrast themes or allowing users to customize color schemes can further enhance accessibility for a wider audience. Careful consideration is crucial to ensure an inclusive and user-friendly experience.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design Accent

  In web design, Blue Gem (#211388) can be used as a background color for website headers or footers to create a sense of depth and sophistication. It could also serve as a highlight color for specific call-to-action buttons or elements that require emphasis. However, given its darkness, it should be paired with lighter text colors like white or a very light yellow to ensure readability and accessibility. Consider using it for graphical elements and icons rather than extensive blocks of text. Avoid using it as the primary background color for the entire webpage to prevent visual fatigue and accessibility issues.

• Interior Design Accent

  In interior design, Blue Gem can be incorporated as an accent wall color in a study or library to promote a sense of calm and focus. It can also be used in furniture upholstery, such as velvet chairs or sofas, to add a touch of luxury and elegance to a room. Pair it with lighter, neutral colors for walls and floors to create a balanced and harmonious atmosphere. Use metallic accents, like gold or silver, to complement the deep blue hue and enhance its richness. The color may create too dark of a space if it is overused.

• Fashion Accent

  In fashion, Blue Gem can be used in evening wear, such as dresses or suits, to create a sophisticated and elegant look. It can also be used as an accent color in accessories, such as handbags, scarves, or jewelry, to add a pop of color to an outfit. Pair it with neutral colors like black, white, or gray to create a balanced and stylish ensemble. Consider using it in luxurious fabrics like velvet or silk to enhance its richness and depth. A Blue Gem can be powerful with gold or silver accessories.

Complementary color

Buttons