San Juan

General Information about #224B66

The hexadecimal color #224B66, also known as San Juan, is a dark, muted shade of blue-green. It belongs to the cyan-blue color family and exhibits a relatively low saturation and brightness. In the RGB color model, it consists of 13.33% red, 29.41% green, and 40% blue. Its CMYK representation is 67% cyan, 26% magenta, 0% yellow, and 60% black. This color can evoke feelings of calmness, stability, and sophistication, often associated with water or the night sky. The name 'San Juan' might refer to the sea around the city of San Juan, Puerto Rico, reflecting its maritime and tranquil essence. It is a versatile color suitable for various design applications.

The color #224B66, also known as San Juan, presents some accessibility challenges, especially concerning color contrast. When used as a background color, it's crucial to select a foreground text color that provides sufficient contrast to ensure readability for individuals with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. White text on a #224B66 background may approach acceptable contrast, but careful evaluation using a contrast checker tool is essential. For users with color vision deficiencies, the color difference should also be considered. It's advisable to use color combinations that are easily distinguishable, or to provide alternative visual cues such as icons or patterns. Always test color combinations with accessibility tools to ensure compliance and optimal usability for all users.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, #224B66 can serve as a sophisticated background color for headers or sidebars, creating a sense of depth and professionalism. It pairs well with lighter accent colors and can be used to highlight important content. Its muted tone can make text stand out and provides a pleasing visual experience. Furthermore, #224B66 is often used in website themes related to technology, finance, or corporate branding. By utilizing this color in website layouts, designers can evoke feelings of trust, stability, and competence, thus enhancing the overall user experience and reinforcing brand identity.

• Interior Design

  In interior design, #224B66 can be utilized to create a calming and sophisticated atmosphere. As a wall color, it pairs well with natural wood tones and metallic accents, like gold or copper. It also complements neutral furniture, such as cream or gray sofas, allowing for pops of color through accessories like throw pillows or artwork. The color evokes a sense of tranquility, making it suitable for bedrooms or living rooms. By using #224B66 in interior spaces, designers can achieve a timeless and elegant aesthetic.

• Fashion

  #224B66 can be a subtle and sophisticated choice for fashion, providing a unique alternative to traditional navy or black. It works exceptionally well in menswear, particularly for suits, blazers, or outerwear, conveying a sense of understated elegance and confidence. When paired with lighter colors such as white, beige, or light grey, it creates a striking contrast that enhances the overall look. In womenswear, this color can be used for dresses, skirts, or blouses, offering a versatile option for both casual and formal occasions. Accessories in complementary colors, such as mustard yellow or rust orange, can add a touch of vibrancy and personality to the ensemble.

Complementary color

Buttons