Blue Gem
General Information about #200B8D (Blue Gem)
The hexadecimal color code #200B8D, commonly referred to as Blue Gem, is a dark shade of blue, placing it firmly within the blue color family. In the RGB color model, it is composed of 12.55% red, 4.31% green, and 55.3% blue. This specific combination creates a deep, rich hue reminiscent of precious gemstones. The CMYK representation is C:77%, M:92%, Y:0%, K:45%, indicating a substantial amount of cyan and magenta, with a lesser presence of yellow and a significant key (black) component. This color is often associated with qualities such as depth, sophistication, and mystery, making it a popular choice in various design applications where a sense of elegance and formality is desired.
The hex color #200B8D, also known as Blue Gem, presents several accessibility considerations. With a dark hue, it is crucial to ensure sufficient contrast when used as a background or text color. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text against its background to meet AA compliance. For AAA compliance, these ratios increase to 7:1 and 4.5:1 respectively. When using #200B8D for text, pairing it with a light color like #FFFFFF (white) or #EEEEEE (light gray) can provide the necessary contrast. Conversely, if #200B8D is used as a background, light-colored text should be applied. It's essential to test color combinations with accessibility tools to verify compliance and accommodate users with visual impairments, ensuring a user-friendly experience.
Shades
Digital Color Formats
Alternative colors
- #33299f
A slightly lighter shade of blue provides better readability and contrast on various backgrounds, making it a more versatile option for user interfaces.
- #483d8b
This shade offers a softer and more subtle appearance while still maintaining a sense of depth and sophistication, suitable for designs needing a calmer feel.
- #342877
A desaturated variant reduces the intensity, which makes this more appropriate for backgrounds in data visualization
Applications
Web Design
In web design, #200B8D can be used for creating a sophisticated and modern aesthetic. It's particularly effective for headers, navigation bars, and call-to-action buttons. When combined with lighter accent colors, it provides a visually appealing contrast that guides the user's eye and enhances the overall user experience. For example, a website for a tech startup could use #200B8D as its primary color to convey innovation and trustworthiness, complemented by a clean, minimalist layout and interactive elements. Furthermore, using it with accessibility in mind will make sure your site is usable for all.
Beauty and Fashion
In the realm of beauty and cosmetics, #200B8D can be utilized in eye shadow palettes or nail polish collections. This deep blue hue can offer a bold and mysterious look. It pairs well with silver, gold, or other metallic tones to create captivating and dramatic effects. In fashion, a dress or accessory in this color can make a powerful statement, evoking elegance and confidence. It is very versatile and can be combined with many other colours.
Interior Design
In interior design, #200B8D can bring a sense of depth and luxury to a space. It works well as an accent wall color in a living room or bedroom, adding a touch of sophistication and drama. Paired with neutral tones such as gray, beige, or white, it creates a balanced and inviting atmosphere. Additionally, it can be used for furniture upholstery or decorative items to introduce pops of color and visual interest.