San Juan
General Information about #284E62
The hex color #284E62, also known as San Juan, is a dark, muted shade of blue-green. It belongs to the family of cool colors and evokes a sense of calmness, sophistication, and professionalism. In the RGB color model, it is composed of 16.1% red, 30.6% green, and 38.4% blue. Its CMYK values are 0.58, 0.20, 0.00, and 0.62, which means it requires a significant amount of cyan to achieve its hue. This color is often associated with stability, trust, and intellect, making it a popular choice for corporate branding, website design, and interior decorating. Furthermore, #284E62 can be effectively combined with neutral colors to create a balanced and harmonious visual experience.
The hex color #284E62, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against white (#FFFFFF) is approximately 3.5:1, which falls short of the WCAG's recommended 4.5:1 for normal text. Therefore, using #284E62 for text on a white background may not be suitable for users with low vision. However, when paired with a lighter color such as #FFFFFF, it can meet the contrast requirements for larger text and user interface components. To improve accessibility, consider using a lighter color for text or other foreground elements when using #284E62 as the background. Additionally, consider the context of the color's use, such as interactive elements, and test the color combination with accessibility tools to ensure compliance with accessibility standards.
Shades
Digital Color Formats
Alternative colors
- #386278
A slightly lighter shade that offers improved contrast against white backgrounds, enhancing readability.
- #183a4d
A darker shade to create a more intense and dramatic look, improving contrast when used with lighter elements.
- #507284
A color that provides a good contrast ratio for both text and graphical elements, making it a versatile choice.
Applications
Web Design
In web design, #284E62 can be used as a primary color for websites related to technology, finance, or corporate businesses. Its sophisticated and professional look can convey trust and reliability. It works well for backgrounds, headers, and call-to-action buttons. When used strategically with lighter accent colors, it can create a balanced and visually appealing user interface. Also, it can be applied to charts and graphs, providing a distinct and professional aesthetic in data visualization.
Interior Design
In interior design, #284E62 can be incorporated to create a calming and elegant atmosphere in living rooms or bedrooms. It works well as an accent wall color or for furniture upholstery. When paired with warm neutrals like beige or cream, it can create a balanced and inviting space. Additionally, it can be used in office spaces to promote focus and productivity.
Fashion
In fashion, #284E62 can be used to design sophisticated and stylish clothing items, such as dresses, suits, or outerwear. Its versatile nature allows it to be paired with various colors and textures, making it suitable for both formal and casual wear. This color could be used for accessories such as bags and scarfs.