Blue Gem

General Information about Blue Gem

The hexadecimal color #221289, also known as Blue Gem, is a deep, saturated shade of blue-violet. It resides in the blue region of the color spectrum and is often associated with qualities such as depth, mystery, and sophistication. In the RGB color model, #221289 is composed of 13.33% red, 7.06% green, and 53.73% blue. The values in the Red Green Blue color model are 34, 18, 137. In the CMYK color model, it is comprised of approximately 75% cyan, 87% magenta, 0% yellow, and 46% black. Its hue value is 248 degrees, its saturation is 87%, and its lightness is 31%. Blue Gem is not a commonly used color due to its depth and potential accessibility issues, but it can be impactful when used intentionally in design and art.

The color #221289, also known as Blue Gem, presents some accessibility challenges, especially in web design. Its dark hue results in low contrast against lighter backgrounds, which can make text or interactive elements difficult to read for users with visual impairments. According to WCAG guidelines, sufficient contrast ratios are crucial for ensuring readability. For normal text (14pt or 18px and larger bold text, or 18pt or 24px regular weight), a contrast ratio of at least 4.5:1 is recommended. For large text (at least 18pt or 24px), a ratio of 3:1 is acceptable. When using #221289 as a background or text color, it's essential to pair it with a light color to meet these contrast requirements. Tools like WebAIM's contrast checker can help determine if the chosen color combination provides adequate contrast. If sufficient contrast cannot be achieved, consider using lighter shades of blue or alternative, more accessible color combinations to ensure inclusivity and usability for all users.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Development

  In web development, Blue Gem (#221289) can be utilized to create a sophisticated and luxurious feel for websites, but consider using it sparingly due to accessibility concerns. It works best for accents, headers, or non-essential graphical elements where high contrast isn't critical. When used for backgrounds, pair it with very light text to ensure readability. For interactive elements like buttons, ensure sufficient contrast is achieved in different states (hover, focus, active) to provide clear visual feedback to users. To enhance user experience, carefully choose complementary colors that maintain accessibility standards. This color can evoke a sense of depth and mystery, making it suitable for tech companies or websites focused on innovation.

• Interior Design

  In interior design, Blue Gem can introduce a sense of depth and elegance to a room. Use it as an accent wall color in living rooms or bedrooms, especially when paired with lighter, neutral tones to balance its intensity. Accessorize with lighter colored cushions, curtains, or rugs to create a visually appealing contrast. This color is particularly effective in spaces where you want to create a calm and sophisticated atmosphere. Avoid using it in small, enclosed spaces without adequate lighting, as it can make the room feel smaller and darker. Consider incorporating metallic accents like gold or silver to enhance its luxurious feel.

• Fashion

  In the realm of fashion, Blue Gem is a striking choice for evening wear or statement pieces. This shade works wonders for formal gowns, cocktail dresses, or elegant blazers. Due to the deep tone of the color, it pairs beautifully with silver or gold accessories to add a touch of glamour. Incorporating this hue into accessories such as scarves or statement jewelry can also elevate an outfit. When styling Blue Gem, balance is key; pair it with neutral colors like cream, gray, or black to prevent the overall look from being overwhelming. For everyday wear, consider using it as an accent color in handbags or shoes to add a pop of color to a more subdued ensemble.

Complementary color

Buttons