San Juan

General Information about #22476D

The color #22476D, also known as San Juan, is a dark shade of blue with a hint of green. It is a part of the blue color family and is often associated with qualities such as stability, trustworthiness, and calmness. In the RGB color model, it is composed of 13.33% red, 27.84% green, and 42.75% blue. In the CMYK color model, which is used for printing, it is composed of 69% cyan, 35% magenta, 0% yellow, and 57% black. This color is often used in corporate branding to convey a sense of professionalism and reliability. Its hexadecimal code is #22476D. It is a versatile color that can be used in a variety of design applications. The color name San Juan likely alludes to the deep blue waters surrounding San Juan, Puerto Rico.

The hex color #22476d, also known as San Juan, presents some accessibility challenges, particularly when used as text against a white background. Its relatively low luminance value of 0.11 means that it may not provide sufficient contrast for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is required for normal text and 3:1 for large text. When using #22476d for text, careful consideration must be given to the background color to ensure compliance. A lighter background color might exacerbate the problem, while a darker background could improve contrast. Developers should use contrast checking tools to verify the contrast ratio and consider providing alternative color schemes to accommodate users with different visual needs. Also avoid using this color for essential UI elements without proper contrast. Furthermore, avoid using it as a primary action color as it could blend with the background. Testing with real users is always best practice.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, San Juan (#22476D) can be employed to create a sense of sophistication and trustworthiness. It's a good choice for headers, navigation bars, and other key elements where you want to convey stability and reliability. The color can be paired with lighter shades of blue or gray to create a professional look. However, it's important to ensure sufficient contrast, especially for text, to maintain accessibility standards. It should not be used for interactive elements without careful consideration for contrast and user experience. The tone of #22476D is more appropriate for sites dealing with corporate, legal or financial entities.

• Interior Design

  In interior design, San Juan (#22476D) can be utilized to bring a calming and serene atmosphere to spaces like bedrooms or studies. It works well as an accent color on walls or in furniture pieces. It can be complemented with neutral colors like beige or gray to create a balanced and inviting environment. The color promotes relaxation and focus. However, the dark saturation means you must use it in rooms with ample natural light or carefully planned lighting to prevent the space from feeling too dark or gloomy. Accents of brighter, warmer colors such as gold or copper can provide a visual contrast and prevent the room from feeling monotonous.

• Fashion

  In fashion, San Juan (#22476D) offers a versatile choice for creating both formal and casual looks. It is a great choice for outerwear, such as jackets or coats, where its dark tone conveys a sense of elegance and practicality. It also works well for accessories like scarves or handbags, providing a subtle pop of color without being too overpowering. When incorporated into clothing, San Juan can be paired with lighter colors such as white or pastel shades to create a balanced and sophisticated aesthetic. The color also suits various skin tones, making it a broadly appealing choice for diverse fashion preferences. This color is great for business casual outfits.

Complementary color

Buttons