Blue Gem

General Information

The hexadecimal color #300F89, commonly known as Blue Gem, is a deep, saturated shade of blue leaning towards indigo. In the RGB color model, it is composed of 19.8% red, 5.9% green, and 53.7% blue. This combination results in a color that evokes feelings of depth, mystery, and sophistication. Blue Gem is often associated with royalty, knowledge, and stability, making it a popular choice in branding and design where a sense of trustworthiness and authority is desired. This color is considered a cool color, often used to create a calming and professional effect. It's important to note that the perception of colors can vary based on individual differences and cultural contexts. The color is mostly used for backgrounds, headings, and text.

The hex color #300F89, also known as Blue Gem, presents some accessibility challenges, particularly for users with visual impairments. Its relatively low luminance of 6.9 cd/m² means it has poor contrast against a white background, potentially making text or elements using this color difficult to read. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. #300F89 falls short of these recommendations when paired with light colors. To improve accessibility, consider using this color with darker backgrounds or pairing it with light, contrasting colors. Providing sufficient contrast ensures that content is perceivable to a wider range of users, including those with low vision or color blindness. Also, avoid using this color as the sole indicator for interactive elements, as color alone is not sufficient to convey information to all users.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design Accent

  Blue Gem can be used as an accent color in web design, particularly for headers, buttons, or decorative elements. Due to its dark nature, it's best used sparingly or in combination with lighter colors to maintain readability and visual balance. It is suitable for websites related to technology, science, or luxury goods, where a sense of sophistication and depth is desired. Consider pairing it with complementary or analogous colors to create visually appealing designs that enhance the user experience. In UI design, Blue Gem can serve as a primary brand color if careful attention is paid to contrast ratios and accessibility guidelines. Using it for a dark-themed interface can further improve its visual impact.

• Beauty and Fashion

  In the beauty industry, #300F89 can be incorporated into eye shadow palettes, nail polish collections, or even hair dye formulations. The deep, saturated blue can create dramatic and alluring looks, especially when paired with metallic or shimmering finishes. For fashion, this color could be used in evening gowns, accessories, or statement pieces to convey elegance and mystery. Its richness makes it a perfect choice for seasonal collections, particularly autumn or winter, where deeper, jewel-toned colors are popular. Blue Gem can also be used as inspiration for packaging design, giving products a high-end, luxurious feel.

• Interior Design Accent

  Blue Gem can serve as an elegant accent in interior design. This color can be used for painting walls, adding a statement-making sofa, and even choosing colorful carpets. It can work well in bedrooms and lounges. It can be combined with neutral tones like gray, beige, or white to create a balanced environment. Accents in gold or silver can further enhance its luxurious feel. To maintain a light and open feel, this color should be used carefully. In the home office, it can add a touch of sophistication.

Complementary color

Buttons