San Juan

General Information

The hex color code #2C526F, also recognized as San Juan, is a dark, muted shade that resides in the blue-gray color family. It is a blend of blue and gray with a subtle hint of green, lending it a cool, calming appearance. In the RGB color model, #2C526F is composed of 17.25% red, 32.16% green, and 43.53% blue. In the CMYK color model, it consists of 60% cyan, 26% magenta, 0% yellow, and 56% black. This color is often associated with qualities such as stability, trustworthiness, and sophistication. Its subdued nature makes it a versatile choice for various design applications, from branding to interior design. The color is named after San Juan, likely referring to the sea surrounding San Juan, Puerto Rico. The color evokes a sense of the deep sea with a hint of mystery and calmness.

The color #2C526F, also known as San Juan, presents some accessibility challenges, especially when used for text. Its relatively low luminance value of 0.16 makes it difficult to achieve sufficient contrast against lighter backgrounds, potentially violating WCAG guidelines for text legibility. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #2C526F for text, it's crucial to pair it with very light colors such as white (#FFFFFF) or very light grays to ensure readability for users with visual impairments. Alternatively, using #2C526F as a background color requires similarly careful consideration, opting for very light text colors to meet accessibility standards. Tools like contrast checkers can help determine if the color combination meets accessibility requirements. If sufficient contrast cannot be achieved, consider using a lighter shade of #2C526F or a completely different color to ensure all users can perceive the content clearly.

Shades

Digital Color Formats

Alternative colors

Applications

• Website Backgrounds

  In web design, #2C526F can serve as a sophisticated background color for website headers or footers. Its calming and professional feel makes it suitable for corporate websites, particularly those in the finance or technology sectors. When using it as a background, pair it with white or light gray text for optimal readability. Additionally, this color can be incorporated into website elements such as buttons or icons to provide visual interest without overwhelming the overall design. Consider using it for interactive elements like hover states to add a subtle touch of elegance and guide user interaction. Its depth and stability make it a solid choice for creating a sense of trust and reliability.

• Interior Design

  In interior design, #2C526F brings a sense of tranquility and sophistication to any space. It works exceptionally well in bedrooms or studies, where a calming atmosphere is desired. This color can be used on walls to create a cozy, enveloping feel, or as an accent color for furniture and decor. Pair it with natural materials like wood and stone to enhance its earthy undertones. Accents in metallic finishes, such as brass or copper, can add a touch of luxury and warmth. Consider using #2C526F in combination with lighter blues or grays to create a harmonious and balanced color palette. Overall, this color is perfect for creating a serene and stylish living environment.

• Fashion Apparel

  In fashion, #2C526F offers a versatile option for creating elegant and understated looks. It can be used for dresses, suits, or outerwear, providing a sophisticated alternative to traditional black or navy. This color pairs well with neutral tones like beige, cream, or gray, allowing for a range of styling possibilities. Accessorizing with metallic jewelry or bold, colorful scarves can add a personal touch and elevate the overall look. #2C526F is suitable for both formal and casual occasions, depending on the fabric and silhouette. Its calming and timeless appeal makes it a staple for creating a polished and refined wardrobe.

Complementary color

Buttons