San Juan
General Information about #284B63
The hexadecimal color code #284B63 represents a dark, muted shade of blue, often described as 'San Juan'. In the RGB color model, it consists of 16.08% red, 29.41% green, and 38.82% blue. It's commonly used to evoke feelings of serenity, stability, and professionalism. Colors similar to #284B63 are often associated with corporate branding, user interface design for software, and designs requiring a calming and trustworthy aesthetic. The color is not part of the web-safe color palette, so dithering may occur on older displays with limited color capabilities.
The color #284B63, also known as San Juan, presents some accessibility considerations. Its darkness impacts its contrast ratio against lighter text. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #284B63 as a background, ensure that the text color provides sufficient contrast to meet these guidelines. Lighter colors like white, light yellow or very pale shades of green might provide adequate contrast. Tools like WebAIM's contrast checker can help evaluate specific color combinations. Also, avoid relying solely on color to convey information, as users with color vision deficiencies may not perceive the intended message. Always supplement color with text labels or other visual cues to ensure inclusivity.
Shades
Digital Color Formats
Alternative colors
- #386170
A slightly lighter shade that provides better contrast against white text, while maintaining a similar cool and sophisticated feel.
- #40515e
A desaturated version that can be used as a neutral background color without overpowering other elements on the page.
- #1e3547
A dark version that enhances readability of light elements.
Applications
Web Design
In web design, #284B63 is well-suited for creating a calm and professional atmosphere. It can be used for website headers, navigation bars, and call-to-action buttons. When paired with lighter accent colors, it can create an engaging and user-friendly experience. The color evokes trust, stability, and professionalism.
Interior Design
In interior design, San Juan #284B63 can serve as an accent wall color in living rooms or bedrooms, especially when complemented with warm wooden furniture and lighter, contrasting textiles. It can create a serene and cozy environment, promoting relaxation and focus. Consider using it in home offices or reading nooks.
Fashion
In fashion, clothing items or accessories in the color #284B63 (San Juan) may create elegant and sophisticated looks, especially when combined with neutral colors like beige, gray, or white. Think about winter coats, stylish scarves or office outfits.