San Juan
General Information about #284E73
The hexadecimal color #284E73, known as San Juan, is a dark shade of blue that evokes feelings of depth, stability, and sophistication. It is composed of 15.7% red, 30.6% green, and 45.1% blue. In the RGB color space, it corresponds to (40, 78, 115). The color is often associated with professionalism and trust, making it a popular choice for branding and corporate identities. San Juan can also be used to create a calming and peaceful ambiance, similar to that of a deep ocean. Its cool undertones make it versatile for various design applications, ranging from web design to interior decoration. This color can be effectively combined with contrasting colors to create visually striking designs.
The hex color #284E73, also known as San Juan, presents some accessibility challenges. Its relatively low luminance makes it difficult to use as a foreground color on a white background for small text, as it might not meet WCAG (Web Content Accessibility Guidelines) standards for contrast ratio. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. To improve accessibility, consider using #284E73 for larger text or graphic elements, or pair it with lighter colors that offer sufficient contrast. Testing with accessibility tools is crucial to ensure readability for users with visual impairments. Providing alternative text for images using this color will also enhance accessibility.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design
In web design, #284E73 can serve as a sophisticated background color for headers or banners, creating a professional and calming aesthetic. It can also be used for button backgrounds, especially when paired with contrasting text. The color's depth makes it suitable for data visualizations, such as charts and graphs, where distinguishing between different data sets is important. However, careful consideration should be given to text color choices to ensure readability and accessibility for all users, especially those with visual impairments. Proper spacing and font sizes are also important when working with this color.
Interior Design
In interior design, #284E73 can be used to create a calming and sophisticated atmosphere. It works well in bedrooms, studies, or living rooms as an accent wall color or for upholstery. When used in combination with lighter colors like beige or light gray, it can provide a balanced and harmonious look. Additionally, this color can be incorporated through decorative elements such as cushions, curtains, or rugs to add a touch of elegance and depth to a space. Metallic accents, like gold or silver, can further enhance the color's richness.
Fashion
In fashion, #284E73 can be used in sophisticated and elegant clothing designs. It works well for evening wear, such as dresses or suits, and can be paired with metallic accessories for a luxurious look. The color is also suitable for casual wear, like sweaters or jackets, offering a stylish and understated appearance. Consider using it in combination with lighter colors or patterns to add visual interest and prevent the outfit from looking too somber. This color also works well for accessories such as scarves or hats, providing a subtle pop of color.