San Juan
General Information about San Juan
The hex color #28506E, also known as San Juan, is a dark, muted shade of blue-gray. It evokes feelings of calmness, stability, and sophistication. In the RGB color model, #28506E consists of 15.7% red, 31.4% green, and 43.1% blue. Its CMYK values are 0.64, 0.23, 0, 0.57, indicating a high proportion of cyan and moderate amounts of magenta. This color is often associated with professionalism and trustworthiness, making it a popular choice in corporate branding and web design. San Juan's subtle and understated nature allows it to be versatile, pairing well with both warm and cool colors. Its depth and complexity make it a refined choice for various applications.
The color #28506E, also known as San Juan, presents some accessibility challenges. Its relatively low luminance means that text rendered in this color may not provide sufficient contrast against a light background, potentially causing readability issues for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #28506E for text, it's crucial to pair it with a very light color, like white (#FFFFFF) or a pale yellow, to ensure compliance. Conversely, using it as a background color requires similarly careful consideration of the foreground text color. Tools like contrast checkers can help determine whether specific color combinations meet accessibility standards. Designers and developers should prioritize accessibility to create inclusive experiences for all users, including those with visual impairments.
Shades
Digital Color Formats
Alternative colors
- #38607e
A slightly lighter shade that provides better contrast against white backgrounds while maintaining a similar aesthetic.
- #18405e
A darker shade for use as a background color, ensuring sufficient contrast with light-colored text.
- #30404f
A desaturated version of San Juan which is usefull for backgrounds and when combined with brighter colors as foreground.
Applications
Web Design for Finance Sector
In web design, San Juan can be used to create a professional and trustworthy atmosphere. It's suitable for websites in the finance, technology, or consulting sectors. This color can be used as a background for website headers and footers. Use it for button hover states to provide a subtle yet noticeable visual cue. Additionally, San Juan works well for charts and graphs, particularly when presenting data that needs to convey a sense of stability and reliability. Avoid using it for large blocks of text because of contrast issues. Instead, pair it with lighter accents to maintain readability and visual balance.
Interior Design for Living Rooms
In interior design, San Juan can be used to create a calming and sophisticated space. It works well in bedrooms or living rooms, particularly when combined with natural materials like wood and stone. Accent walls painted in San Juan can add depth and character to a room. Consider using this color for upholstery on sofas or chairs to bring a touch of elegance. When using San Juan in interior spaces, ensure there's plenty of natural light or complementary lighting to prevent the room from feeling too dark. Combining it with off-white or light gray walls creates a balanced and inviting ambiance.
Fashion Accessory Accent
San Juan (#28506E) can serve as an effective accent color in fashion, offering a touch of sophistication and depth to outfits. It works well when paired with neutral colors like gray, beige, or white, adding a subtle pop of color without being overpowering. A San Juan-colored scarf or handbag can complement a neutral-toned coat or dress, while men might opt for a San Juan tie or pocket square to enhance a business casual ensemble. Due to its understated elegance, this color is particularly suitable for professional settings or formal events, lending an air of refined style.