San Juan
General Information
#2E4B6D, also known as San Juan, is a dark, muted shade of blue with hex code #2E4B6D. It belongs to the family of blue colors and possesses a calming and sophisticated appearance. In the RGB color model, it is composed of 18.04% red, 29.41% green, and 42.75% blue. Its CMYK values are 58% cyan, 31% magenta, 0% yellow, and 57% black. This color is often associated with trustworthiness, stability, and depth, making it a popular choice for corporate branding and professional designs. The color's relative darkness also makes it suitable for backgrounds, although it needs to be paired with lighter text for readability.
The color #2E4B6D, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against white is approximately 3.8:1, which doesn't meet the WCAG AA standard of 4.5:1 for normal text. Therefore, using this color for text on a white background may cause readability issues for users with visual impairments. However, it does meet the WCAG AA standard for large text (3:1 contrast ratio). For optimal accessibility, consider using #2E4B6D for larger text elements or graphical elements. When using it for smaller text, it's recommended to pair it with a lighter background or use a darker shade of #2E4B6D to increase contrast. Tools like contrast checkers can help ensure sufficient contrast for all users. Combining it with a contrasting color like a light yellow or orange can improve readability and meet accessibility standards.
Shades
Digital Color Formats
Alternative colors
- #3e5c7d
A slightly lighter shade that improves contrast against white backgrounds, enhancing readability while maintaining a similar aesthetic.
- #1e3a5d
A darker shade provides better contrast for text, ensuring accessibility for a wider range of users.
- #5f7891
A neutral greyish-blue that offers a softer, more muted alternative while remaining versatile.
Applications
Web Design
In web design, #2E4B6D is excellent for headers, navigation bars, and call-to-action buttons. Its sophisticated and calming nature creates a professional and trustworthy atmosphere. It can be effectively used in the UI of banking or finance websites to convey stability. For instance, a website offering investment advice could utilize this color for its primary elements, complemented by lighter shades for readability and highlights. The color can also be applied to create a sense of depth in layered designs.
Interior Design
In interior design, #2E4B6D can be used as an accent wall color in a modern living room or bedroom. It pairs well with light wood furniture and metallic accents such as silver or gold. Consider painting a focal wall in a bedroom with #2E4B6D and then using lighter shades of blue and grey for the bedding and other textiles. This creates a calming and sophisticated atmosphere that promotes relaxation. Also, it is suitable for use in home offices to foster concentration.
Fashion
In fashion, #2E4B6D can be used for elegant dresses, suits, or accessories. It is a versatile color that works well for both casual and formal wear. A dark blue dress in this hue can be paired with silver jewelry and heels for a chic evening look. For menswear, a suit in this color would be professional and stylish, and can be combined with a white dress shirt and a patterned tie for a sophisticated look.