San Juan
General Information about #284F73
The hexadecimal color #284F73, also known as San Juan, is a dark, muted shade of blue. It is composed of 15.7% red, 31% green, and 45.1% blue. In the RGB color space, it has values of R:40, G:79, and B:115. This color falls within the cool spectrum and evokes feelings of calmness, stability, and professionalism. San Juan is often associated with trust and reliability, making it a popular choice for corporate branding and design. The color's depth and richness allow it to be used effectively in various applications, from web design to interior decor, where it can create a sophisticated and calming atmosphere. Its relatively low saturation means that it pairs well with both neutral and brighter colors, offering versatility in design projects.
The color #284F73, also known as San Juan, presents some accessibility challenges, especially when used for text. Its relatively low luminance can result in insufficient contrast against light backgrounds, making it difficult for users with visual impairments to read. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using #284F73 for text on a white background may not meet these standards. To improve accessibility, consider pairing it with lighter colors that provide adequate contrast. Tools like contrast checkers can help determine if a color combination meets accessibility standards. Also, avoid using this color for critical interactive elements without sufficient visual cues, as users may struggle to identify them.
Shades
Digital Color Formats
Alternative colors
- #386187
A slightly lighter shade offers improved contrast while maintaining a similar aesthetic.
- #1e334a
A darker variant can be used for backgrounds to create a stronger contrast with lighter text elements.
- #4a6480
This alternative hex color is a softer, muted blue that can create a calming and elegant background for websites.
Applications
Web Design
In web design, #284F73 can be used for header backgrounds or navigation bars to create a professional and trustworthy feel. It pairs well with neutral colors like white or light gray for text. Its deep hue evokes a sense of stability and can enhance the user experience by providing a visually appealing and calming interface. When combined with modern design principles, this color can elevate a website's overall aesthetic and create a positive impression on visitors. It is particularly suitable for websites in the finance, technology, or education sectors.
Interior Design
In interior design, #284F73 can be used as an accent color for walls, furniture, or decorative items. It can create a sophisticated and calming atmosphere in living rooms, bedrooms, or offices. When paired with lighter colors like beige or cream, it can add depth and visual interest to a space. The color's ability to evoke a sense of tranquility makes it suitable for creating relaxing environments, while its richness can also add a touch of elegance and sophistication to various interior design styles.
Fashion
San Juan is great for clothing and accessoires. Think about a dark blue jacket combined with grey or beige pants. Or a dark blue bag used as an accessory for a light colored dress. In combination with warm colors, this dark blue shade creates a nice contrast.