San Juan

General Information about #31506A

The hex color #31506A, also known as San Juan, is a dark, muted shade of blue with a hint of gray. It belongs to the family of cool colors and evokes a sense of calmness, sophistication, and stability. In the RGB color model, it consists of 19.22% red, 31.37% green, and 41.57% blue. In the CMYK color model, it is composed of 54% cyan, 25% magenta, 0% yellow, and 58% black. This color is often associated with professionalism and trustworthiness, making it a popular choice for corporate branding and websites. Its subtle nature allows it to be versatile, working well as both a primary and secondary color, and its inherent darkness lends itself to being a strong accent when paired with lighter shades.

The color #31506A, also known as San Juan, presents some accessibility challenges, especially when used for text. Its relatively low lightness value means that it requires careful consideration of contrast ratios to ensure readability for users with visual impairments. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. When using #31506A for text, it's crucial to pair it with a very light background color to meet these standards. For decorative elements or non-textual content, the contrast requirements are less stringent, but it's still good practice to ensure sufficient contrast for all users. Tools like contrast checkers can help evaluate whether a particular color combination meets accessibility requirements. Using this color for interactive elements should be carefully tested to ensure sufficient visual cues for users to understand the interactive nature of the element.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, San Juan can be effectively used for headers, navigation bars, or as an accent color to create a sense of sophistication and calmness. Its dark and cool nature makes it suitable for websites related to technology, finance, or corporate sectors. It works well when paired with lighter, neutral backgrounds to provide a balanced visual experience. However, caution should be exercised when using it for text, ensuring sufficient contrast with the background to maintain readability and accessibility. Consider using it for graphical elements like icons or illustrations where contrast is less critical but visual appeal is important.

• Interior Design

  In interior design, #31506A can be used to create a sophisticated and calming atmosphere. It works well in bedrooms, living rooms, or home offices, especially when paired with lighter neutral colors like beige, cream, or light gray. It can be used on walls, furniture, or accent pieces to add depth and visual interest to the space. Consider using it in combination with natural materials like wood or stone to create a balanced and harmonious environment. Adding metallic accents like gold or silver can enhance its elegance and sophistication.

• Fashion

  In fashion, San Juan can be incorporated into clothing or accessories to create a stylish and refined look. It's a versatile color that can be worn in various settings, from casual to formal. It can be paired with other neutral colors like black, white, or gray for a classic and timeless look. It can also be combined with brighter colors like yellow, orange, or pink for a more bold and adventurous style. Consider using it in accessories like scarves, handbags, or jewelry to add a touch of sophistication to any outfit.

Complementary color

Buttons