Sapphire
General Information about Sapphire (#313B99)
The hex color #313B99, often referred to as Sapphire Blue, is a deep and rich shade of blue. It belongs to the blue color family and is characterized by its strong saturation and relatively dark value. In the RGB color model, it is composed of 19.22% red, 23.14% green, and 60% blue. The CMYK color model representation is 68% cyan, 61% magenta, 0% yellow, and 40% black. Sapphire blue is often associated with qualities such as loyalty, trust, wisdom, confidence, intelligence, faith, truth, and heaven. It is a color that inspires creativity and is often used in settings where focus and concentration are desired. It can be used in graphic design, web design, interior design, and fashion.
The hex color #313B99, also known as Sapphire, presents some accessibility challenges. Its relatively low lightness value means that text rendered in this color requires careful consideration of contrast. To ensure readability for users with visual impairments, it's crucial to use a light-colored text on a #313B99 background. White text generally works well. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using online contrast checker tools is advisable to verify sufficient contrast. Furthermore, avoid using this color as the sole indicator for interactive elements; supplement color with text labels or icons for enhanced usability.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design
In web design, Sapphire (#313B99) can serve as a primary color for headings and navigation bars. Its depth evokes a sense of professionalism and reliability, making it suitable for corporate websites. It can be effectively combined with lighter shades of blue or neutral colors like white and light gray to create a balanced and visually appealing layout. For interactive elements, ensure sufficient contrast to maintain accessibility. The color is also great as background for apps.
Interior Design
In interior design, Sapphire can be used as an accent color in rooms to bring a touch of sophistication. Think of throw pillows, artwork, or a feature wall. When paired with lighter neutrals like beige or gray, it creates a calming yet stylish atmosphere. Avoid overusing it in small spaces as its darkness can make the room feel smaller. Consider using it in larger, well-lit rooms to fully appreciate its richness. For example a big sofa would be great in this color.
Fashion
In fashion, Sapphire is a versatile color that works well for both casual and formal wear. A Sapphire dress or blouse can make a bold statement, while accessories like scarves or handbags in this hue can add a pop of color to any outfit. It pairs well with other cool tones like silver and gray, as well as warm tones like gold and beige. The Sapphire color is great for coats.