Blue Gem
General Information about Blue Gem
The hex color #290EA6, commonly referred to as Blue Gem, is a deep, saturated blue with a hint of purple undertone. This color resides within the blue-violet spectrum, exhibiting a rich and complex visual character. In the RGB color model, #290EA6 consists of 16.1% red, 5.5% green, and 65.1% blue. When represented in the CMYK color model, it translates to approximately 75% cyan, 92% magenta, 0% yellow, and 35% black. Blue Gem's deep saturation makes it suitable for creating a sense of depth and sophistication in various design applications. It is often associated with qualities such as intelligence, stability, and trust, making it a popular choice for branding and visual communication.
The hex color #290EA6, also known as Blue Gem, presents significant accessibility challenges, particularly for users with visual impairments. Its dark hue results in low contrast against light backgrounds, making text and other elements difficult to read. According to WCAG guidelines, sufficient contrast is crucial for readability. To improve accessibility, it's recommended to pair this color with very light backgrounds, such as white or very pale yellow, to ensure a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Avoid using this color for critical information or interactive elements without careful consideration of contrast. Additionally, providing alternative cues, such as icons or labels, can help users who may struggle to distinguish the color. Remember to test your designs with accessibility evaluation tools to ensure compliance with accessibility standards.
Shades
Digital Color Formats
Alternative colors
A lighter shade of blue that offers better contrast against various backgrounds while maintaining a similar aesthetic.
A more vibrant blue that can be used to draw attention to specific elements, while still providing reasonable contrast.
A softer and more pastel-like blue, for designs that need to appear gentle and muted.
Applications
Website Headers and Graphic Design
Blue Gem (#290EA6) can be effectively utilized in website headers and footers to create a sense of sophistication and depth. Its dark hue provides a strong anchor for the page layout, particularly when contrasted with lighter content sections. In graphic design, this color works well for backgrounds in presentations or posters, offering a visually rich and professional feel. It can also be used in data visualization to represent categories that need to stand out. For example, in a bar chart, Blue Gem can highlight the most significant data points, ensuring they capture the viewer's attention. When combined with white or light-colored fonts, it ensures that textual information remains legible and accessible.
Interior Design and Fashion
In interior design, Blue Gem can be used as an accent color in rooms with a modern or contemporary aesthetic. It works well on feature walls, upholstery, or decorative accessories. When paired with metallic accents like gold or silver, it creates a luxurious and elegant atmosphere. In fashion, this color can be incorporated into evening wear or formal attire to add a touch of mystery and allure. It complements both warm and cool skin tones and can be accessorized with gemstones or jewelry in similar hues to create a cohesive and sophisticated look. The depth of blue gem makes it a timeless and versatile color choice.
UI Elements
The hex color can be used for UI elements such as buttons or progress bars where you need a feeling of depth and sophistication. It pairs well with lighter secondary and tertiary colors for call to action buttons and interactive UI elements. It can also be used to fill icons where the color helps to indicate state or call attention. It can be used in dark-themed applications where the dark background makes its contrast with other lighter elements more visually appealing and easier to read.