San Juan
General Information about San Juan (#285067)
The hexadecimal color code #285067, also known as San Juan, is a dark, desaturated blue-green color. It is composed of 15.7% red, 31.4% green, and 40.4% blue. In the RGB color space, it has values of R:40, G:80, B:103. In the CMYK color space, its composition is 61.17% cyan, 22.33% magenta, 0% yellow, and 59.61% black. The color's name, San Juan, evokes a sense of the ocean or a deep harbor, reflecting its muted and calming nature. This color is often associated with feelings of tranquility, stability, and sophistication, making it a popular choice for various design applications where a sense of calm and professionalism is desired. In comparison with other shades it's not too bright and perfect to combine.
The color #285067, also known as San Juan, presents some accessibility considerations for web development. When used as a background color, it's crucial to ensure sufficient contrast with the foreground text. 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 a light color such as #FFFFFF (white), #FAF9F6 (seashell) or #D3D3D3 (light gray) as a text color would provide the minimum contrast ratio and ensures readability for users with visual impairments. Tools like WebAIM's Contrast Checker can assist in verifying compliance. Additionally, avoid using this color as the sole indicator for interactive elements; supplement with text labels, icons, or ARIA attributes to provide alternative cues for users with color blindness. Careful consideration of these factors will contribute to a more inclusive and accessible web experience.
Shades
Digital Color Formats
Alternative colors
- #386077
A slightly lighter shade that offers improved contrast when used as a background color with dark text.
- #184057
A darker variant that can be used for borders or subtle accents, providing visual separation without being too overpowering.
- #A9A9A9
A neutral gray as alternative text color providing enhanced readability.
Applications
Web Design
In web design, San Juan (#285067) can be effectively used as a background color for website headers or footers, providing a sense of depth and sophistication. It pairs well with light-colored text and can create a professional and trustworthy aesthetic. Consider using it in conjunction with a contrasting accent color to highlight key call-to-action elements. Furthermore, this color can be incorporated into charts and graphs to visually represent data, offering a calming and aesthetically pleasing alternative to brighter, more jarring colors. San Juan is great in the beauty branche in combination with white for a high-end brand.
Interior Design
In interior design, San Juan (#285067) can be utilized to create a serene and calming atmosphere in bedrooms or living spaces. It works well as a wall color in combination with neutral furniture and warm lighting. The color can also be incorporated into accent pieces such as throw pillows, rugs, or artwork to add depth and character to a room. This color evokes a sense of peace and tranquility, making it ideal for creating a relaxing and inviting environment. Combining the San Juan color with golden elements such as mirrors or lightning will create a luxury feel to the room.
Fashion
In fashion, San Juan (#285067) can be used as a sophisticated and versatile color for clothing and accessories. It works well for both casual and formal wear and can be paired with a variety of other colors to create different looks. For example, it can be combined with white or cream for a classic and elegant look, or with brighter colors like yellow or orange for a more playful and vibrant outfit. The color can also be used for accessories such as scarves, handbags, or shoes to add a touch of sophistication to any outfit.