San Juan

General Information about San Juan (#2A5671)

The hexadecimal color code #2A5671, also known as San Juan, represents a deep, muted shade of blue-gray. In the RGB color model, it is composed of 16.47% red, 33.73% green, and 44.31% blue. Its CMYK equivalent is approximately 63% cyan, 24% magenta, 0% yellow, and 56% black. This color evokes a sense of calmness, stability, and sophistication. It is often associated with trust, reliability, and professionalism. San Juan is frequently used in corporate branding, web design, and interior decor to create a refined and elegant atmosphere. Its subtle nature makes it a versatile choice for backgrounds, text, and accent elements, allowing it to blend seamlessly with a variety of other colors and design styles. This hue is part of the cool color family.

The hex color #2A5671, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against white (#FFFFFF) is approximately 4.6:1, which meets WCAG AA standards for normal text but falls short of AAA standards. When used for larger text (14pt bold or 18pt regular), it generally meets AA compliance. However, against black (#000000), the contrast ratio is significantly lower, around 1.6:1, failing to meet accessibility standards for most text sizes. To improve accessibility, consider using lighter shades of text on #2A5671 backgrounds or pairing it with a lighter background color. Careful consideration of text size and font weight is essential to ensure readability for users with visual impairments. Tools like contrast checkers can help determine if a particular color combination meets accessibility requirements and offer suggestions for improvement.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, San Juan (#2A5671) can be effectively used for website headers, navigation bars, and call-to-action buttons to create a sense of sophistication and trust. Its cool undertones make it suitable for websites in the technology, finance, or healthcare industries. It pairs well with lighter shades of blue or gray for a clean, professional look. Consider using it as the primary color for interactive elements to draw attention without being overly aggressive. This color can also serve as an excellent background for white or light-colored text, ensuring readability and visual appeal. The color can be used as a secondary color to add depth.

• Interior Design

  In interior design, San Juan can be applied to accent walls, furniture upholstery, or decorative accessories to introduce a calming and elegant atmosphere. It works particularly well in bedrooms or living rooms, where creating a relaxing environment is key. When combined with natural wood tones and soft lighting, it evokes a sense of tranquility and sophistication. San Juan also pairs beautifully with metallic accents like gold or silver, adding a touch of luxury to the space. Incorporating textures such as velvet or linen can further enhance the overall aesthetic, creating a harmonious and inviting ambiance.

• Fashion

  In fashion, San Juan can be incorporated into clothing designs, accessories, or makeup looks to convey a sense of understated elegance and sophistication. A San Juan dress or blazer can make a powerful statement, while accessories like scarves or handbags in this color can add a subtle touch of class to any outfit. For makeup, San Juan-inspired eyeshadow or eyeliner can create a captivating and mysterious look. This color is especially flattering for individuals with cool skin tones, enhancing their natural beauty and creating a harmonious and refined appearance. It is an versatile color for many seasons.

Complementary color

Buttons