San Juan
General Information about #284D73
The hexadecimal color code #284D73, commonly referred to as San Juan, is a dark shade of blue. It is composed of 15.69% red, 30.2% green, and 45.1% blue. In the RGB color model, this translates to 40 red, 77 green, and 115 blue. In the CMYK color model, it is composed of 65% cyan, 33% magenta, 0% yellow, and 55% black. This color is often associated with feelings of calmness, stability, and trust. It is frequently used in corporate branding, web design, and interior decor to create a sense of professionalism and reliability. The color is named after San Juan, potentially referencing the hue of the sea in that location.
The hex color #284D73, also known as San Juan, presents some accessibility challenges, particularly in text applications. Its relatively low luminance value means it requires careful consideration of contrast ratios, especially when used as a background color. When using #284D73 for text, it's crucial to pair it with a light color for optimal readability. 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. Tools like WebAIM's Contrast Checker can help ensure compliance. Using a lighter tint of the color or a very bright, contrasting color like white or yellow as text on this background can drastically improve accessibility. Always test color combinations with real users, particularly those with visual impairments.
Shades
Digital Color Formats
Alternative colors
- #38628c
A slightly lighter shade offers better contrast for text while maintaining a similar aesthetic.
- #1e3a59
A darker shade can be used for subtle differences and avoids readability issues when a very dark color is needed.
- #346aa3
A more vibrant blue can be considered to create a brighter and more cheerful overall look.
Applications
Web Design
In web design, San Juan (#284D73) works excellently for website headers or navigation bars. Its deep, calming tone provides a professional and trustworthy feel, making it suitable for businesses in finance, technology, or consulting. To ensure readability, combine it with lighter text colors such as white or a light grey. It can also be used as an accent color for buttons and other interactive elements, drawing attention without being too overwhelming. Consider using it alongside complementary colors like a light orange or yellow to create visual interest and balance.
Interior Design
In interior design, #284D73 can create a sophisticated and relaxing atmosphere. It works well in bedrooms, living rooms, or home offices. Pair it with natural materials like wood and stone to enhance its calming effect. Use it on walls, furniture upholstery, or accent pieces like cushions and throws. For a balanced look, combine it with lighter neutrals like beige, cream, or light grey. Metallic accents like gold or silver can add a touch of elegance. Consider adding plants to further enhance the calming and natural ambiance.
Fashion
In fashion, San Juan (#284D73) can be used for both casual and formal wear. It is a versatile color that complements many skin tones. Use it for dresses, suits, or outerwear. Pair it with neutral colors like black, white, or grey for a classic look. Add pops of color with accessories like scarves or jewelry. For a more daring look, combine it with complementary colors like orange or yellow. It's a color well-suited for business casual and semi-formal settings.