San Juan

General Information

The hex color code #2C526B, known as San Juan, is a dark, muted shade of cyan-blue. It belongs to the cyan-blue color family, often associated with depth, stability, and professionalism. In the RGB (Red, Green, Blue) color model, it's composed of 17.3% red, 32.2% green, and 42% blue. In the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, it's composed of 59% cyan, 23% magenta, 0% yellow, and 58% black. This color is often used to evoke a sense of calmness and sophistication. The color is commonly used by brands to suggest a sense of trustworthiness. Its specific position in color space gives it unique attributes valuable across various design applications.

The color #2C526B, also known as San Juan, presents some accessibility challenges, particularly concerning color contrast. When used as text against a white background, it may not meet the WCAG (Web Content Accessibility Guidelines) AA standards for normal text, which require a contrast ratio of at least 4.5:1. For larger text (14pt bold or 18pt regular), the minimum contrast ratio is 3:1. Similarly, when used as a background color, ensure that the foreground text provides sufficient contrast. Tools like WebAIM's Contrast Checker can help verify compliance. To improve accessibility, consider using a lighter shade for the background or a lighter color for the text. It's also crucial to avoid using color as the sole means of conveying information, as users with color vision deficiencies may struggle to perceive the difference. Providing alternative cues, such as text labels or icons, is essential for inclusive design.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  San Juan can be used as a primary color for websites related to marine, environmental, or nautical themes. Its muted tone evokes a sense of calmness and professionalism. It's well-suited for headers, footers, and navigation menus. The color can also enhance data visualizations, like graphs and charts, by making the information easier to digest. Its sophisticated nature makes it ideal for corporate presentations and reports, lending an air of credibility and stability. Also, it is applicable in the fashion industry for outerwear and sportswear.

• Interior Design

  In interior design, #2C526B serves as an elegant accent color for walls, furniture, or decorative items. It pairs well with natural materials like wood and stone, creating a balanced and harmonious environment. Use it in living rooms or bedrooms to foster relaxation and tranquility. It can be effectively used to paint walls or add to furniture and textiles to give rooms a relaxed and secure atmosphere.

• Graphic Design

  In graphic design, #2C526B can be used to add a touch of sophistication and depth to branding materials, such as logos and business cards. It can be combined with contrasting colors to create visually appealing designs that capture attention. The color brings an earthy, stable, calming presence, especially when used to illustrate nature, water, or sand.

Complementary color

Buttons