San Juan
General Information
The hex color #31536A, also known as San Juan, is a dark, muted shade of blue-gray. It belongs to the cyan-blue hue family and evokes a sense of calmness, stability, and sophistication. In the RGB color model, #31536A consists of 19.22% red, 32.55% green, and 41.57% blue. The color is often associated with trust, security, and reliability, making it a popular choice for corporate branding and websites. Its muted tone makes it a versatile color that can be easily paired with other colors, creating harmonious and visually appealing designs. San Juan derives its name from a place, hinting at its maritime or coastal feel.
The hex color #31536A, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against a white background is approximately 3.9:1, which falls short of the WCAG's recommended 4.5:1 for normal text. Therefore, using #31536A for text on a white background may not be fully accessible to users with visual impairments. To improve accessibility, consider using a lighter background color or darkening the text color. When used for larger text (14pt bold or 18pt regular), the contrast ratio is 3:1 which is still not accessible. It is recommended to use it with decorative elements, UI elements or non-essential visual components. Combining this color with brighter hues can also enhance overall visibility and ensure a more inclusive design.
Shades
Digital Color Formats
Alternative colors
- #416980
A slightly lighter shade that improves contrast against white backgrounds while maintaining a similar aesthetic.
- #223d4f
A darker shade to ensure better readability when used as text on light backgrounds.
- #507890
A more vibrant color that provides a higher contrast ratio, improving accessibility for users with visual impairments.
Applications
Web Design Backgrounds
In web design, #31536A can serve as a sophisticated background color for headers or sidebars, providing a sense of depth and professionalism. It pairs well with lighter text colors such as white or cream to ensure readability. This color is also suitable for creating subtle visual hierarchies in user interfaces, drawing attention to key elements without being overly jarring. Its muted tone makes it a versatile choice for websites aiming for a calming and trustworthy feel, particularly in industries like finance, healthcare, or education.
Interior Design Accent Color
In interior design, #31536A can be used as an accent wall color to create a calming and sophisticated atmosphere in living rooms or bedrooms. It complements natural wood tones and metallic accents, adding a touch of understated elegance to the space. This color also works well for upholstery, providing a durable and stylish option for sofas or armchairs. Its neutrality allows it to blend seamlessly with a variety of decor styles, from modern minimalist to traditional.
Fashion Apparel and Accessories
In fashion, #31536A can be incorporated into clothing designs as a versatile and timeless neutral. It works well for outerwear such as jackets or coats, providing a sophisticated alternative to black or navy. This color can also be used for accessories like scarves or handbags, adding a subtle pop of color to any outfit. Its muted tone allows it to be easily paired with a variety of colors and patterns, making it a wardrobe staple for both men and women. It provides a classic look that can be dressed up or down.