San Juan
General Information about #284D72
The hex color #284D72, also known as San Juan, is a dark shade of blue with a touch of green. It belongs to the blue color family, known for its association with calmness, stability, and trustworthiness. In the RGB color model, it is composed of 16.1% red, 30.2% green, and 44.7% blue. In the CMYK color model, it consists of 64% cyan, 32% magenta, 0% yellow, and 55% black. This color evokes feelings of serenity and dependability. It is often used in contexts where reliability and sophistication are desired. Its subtle depth makes it a versatile choice for various applications, ranging from digital interfaces to branding materials. The color can bring a sense of stability to designs.
The color #284D72, also known as San Juan, presents some accessibility challenges. With a relatively low luminance, it may be difficult for users with visual impairments to distinguish it from darker backgrounds. When using this color for text, ensure a sufficiently high contrast ratio against the background color, ideally meeting WCAG AA or AAA standards. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended. Consider using a color contrast checker tool to verify the contrast ratio. Furthermore, avoid relying solely on color to convey important information, as colorblind users may not be able to perceive it correctly. Supplement color cues with text labels, icons, or other visual indicators to ensure inclusivity and usability for all users. Providing alternative high contrast themes can also significantly improve accessibility.
Shades
Digital Color Formats
Alternative colors
- #38678f
A slightly lighter shade of blue that provides better contrast on various backgrounds, enhancing readability and visual appeal.
- #1e3a61
A deeper, more saturated blue that can be used as an accent color to draw attention to specific elements without compromising accessibility.
- #6c757d
A neutral gray that pairs well with #284D72 and offers excellent contrast for text and UI elements.
Applications
Web Design
In web design, San Juan (#284D72) can be effectively used for navigation bars, headers, or as a background color for sections where you want to create a sense of depth and sophistication. It works particularly well in designs aiming for a professional or corporate aesthetic. When using it for interactive elements like buttons, ensure sufficient contrast with the text and surrounding elements to maintain usability. Consider pairing it with lighter accent colors to balance the overall visual impact and avoid a heavy or monotonous feel. The color evokes trust and reliability, making it suitable for financial or technological websites.
Interior Design
In interior design, #284D72 can be applied to create a calming and sophisticated atmosphere. Use it for accent walls, furniture upholstery, or decorative elements in living rooms, bedrooms, or home offices. Pairing it with lighter neutrals like beige or light gray can balance the intensity of the color and create a harmonious space. The color helps in creating a relaxed environment and is suitable for application in spas and wellness centers.
Fashion
In fashion, San Juan (#284D72) can be used for creating elegant and formal outfits. It works well for dresses, suits, or outerwear. Pair it with neutral colors like white, black, or gray for a classic look, or combine it with brighter accents like gold or silver for a more glamorous appearance. This color can also be used in creating professional uniforms