San Juan

General Information about #2A536D

#2A536D, also known as San Juan, is a dark shade of blue with a touch of green. It evokes feelings of tranquility, stability, and sophistication. In the RGB color model, it is composed of 16.47% red, 32.55% green, and 42.75% blue. In the CMYK color model, it consists of 61.47% cyan, 23.87% magenta, 0% yellow, and 57.25% black. This color is often associated with professionalism, trust, and reliability, making it a popular choice for corporate branding and designs. San Juan’s hexadecimal representation #2A536D is a standard way to define the color in HTML and CSS for web development. It's a versatile color that can be used in various design applications to create a calming and trustworthy ambiance.

The hex color #2A536D, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against a white background is approximately 3.9:1, which meets the minimum requirement for WCAG AA compliance for large text (18pt or 14pt bold) but falls short of the recommended 4.5:1 for normal-sized text. When used as text color, ensure sufficient contrast by pairing it with a very light background. For graphical elements and user interface components, consider using a lighter shade of this color or a darker background to improve readability and usability for individuals with visual impairments. Testing with color contrast analyzers is highly recommended to validate accessibility compliance and enhance the overall user experience. Also consider users with different kinds of color blindness.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, #2A536D can be utilized for header backgrounds to create a professional and calming aesthetic. It pairs well with white or light gray text, providing sufficient contrast for readability. This color is also suitable for buttons and other interactive elements, especially when aiming for a subtle and sophisticated look. Furthermore, it can be used in infographics to represent data in a visually appealing and easily digestible manner. Ensure that interactive elements meet accessibility standards by providing adequate contrast and hover states to improve the user experience and cater to users with diverse visual needs.

• Interior Design

  In interior design, #2A536D can be employed to create a serene and sophisticated atmosphere in living rooms or bedrooms. It works well as an accent wall color or for upholstery, especially when combined with lighter neutral tones like beige or cream. This color also complements natural wood finishes and metallic accents, adding depth and character to the space. Additionally, #2A536D can be used in bathrooms to evoke a spa-like feel, especially when paired with white tiles and brushed nickel fixtures. The cool, calming effect of this color makes it an excellent choice for creating a relaxing and inviting environment.

• Fashion

  In fashion, #2A536D can be incorporated into clothing designs to create a polished and understated look. It is well-suited for creating elegant dresses, professional attire, or casual wear. This color pairs effectively with a variety of other colors, including white, gray, and navy, allowing for versatile styling options. Accessories in metallic tones like silver or gold can complement the blue hue and elevate the overall aesthetic. This color also works well in footwear, particularly for creating stylish boots or loafers that add a touch of sophistication to any outfit.

Complementary color

Buttons