Blue Gem
General Information about #22119C
The hexadecimal color code #22119C, also known as Blue Gem, represents a deep, slightly muted shade of blue leaning towards indigo. It is composed of 13.33% red, 6.67% green, and 61.18% blue. In the RGB color model, this translates to 34 red, 17 green, and 156 blue. The corresponding CMYK values are 78.21% cyan, 89.1% magenta, 0% yellow, and 38.82% black. With a hue of 248 degrees, a saturation of 81.18%, and a lightness of 34.71%, this color projects feelings of depth, sophistication, and perhaps a hint of mystery. It's a color that stands out, but its darkness requires careful consideration when used in design to ensure readability and visual balance.
The color #22119C, also known as Blue Gem, presents some accessibility challenges, primarily due to its dark nature. When used as a background color, it necessitates very light text (ideally white or a very pale shade of yellow or green) to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text to meet AA compliance. Considering this blue's darkness, careful attention must be paid to color pairings. Avoid using it with darker shades of any color or mid-tone blues, greens, or purples. When used for interactive elements like buttons or links, ensure that hover or focus states significantly alter the color to provide clear visual feedback to users, especially those with visual impairments. Providing alternative text descriptions for images using this color is also essential for screen reader users.
Shades
Digital Color Formats
Alternative colors
- #3322bb
A slightly lighter shade of blue can improve readability and perceived brightness on screens.
- #443388
A more muted, desaturated blue can provide a more subtle and calming aesthetic.
- #5522aa
A vibrant purple provides an option with a similar mood but potentially greater visibility depending on surrounding colors.
Applications
Web Design
Blue Gem, with its depth and richness, is well-suited for creating a sense of sophistication and luxury in web design. It can be used effectively for website headers or footers, providing a strong grounding element. When paired with lighter accent colors such as gold or silver, it evokes a sense of elegance. Use it sparingly for text, as its low luminance can hinder readability. For data visualization, consider using it as a primary color for charts and graphs, especially when presenting financial or statistical information, lending a feeling of authority and trustworthiness. In UI design, use it for primary buttons or key interactive elements to draw the user's attention.
Fashion and Interior Design
In the realm of fashion, Blue Gem translates into elegant evening wear or statement accessories. Think of a velvet gown or a pair of sapphire earrings. For interior design, consider using it as an accent wall color in a living room or bedroom to add a touch of drama and sophistication. Balance it with lighter, neutral colors like cream or beige to prevent the space from feeling too dark or overwhelming. It can also be effective in smaller doses, such as for throw pillows or artwork, to add a pop of color without dominating the room. Its deep tone lends itself particularly well to spaces intended for relaxation or contemplation.
Beauty
In the beauty industry, Blue Gem can be used in eye shadow palettes to create smoky, sophisticated looks. It is also a great color to use for nail polish to give a luxurious and dramatic look. It is a color that can add depth and can be used to contour and highlight.