San Juan
General Information about #204E67
The hexadecimal color code #204E67, also recognized as San Juan, is a dark, subdued shade of cyan-blue. It is composed of 12.55% red, 30.59% green, and 40.39% blue. In the RGB color space, it is defined as rgb(32, 78, 103). This color evokes feelings of calmness, stability, and professionalism, making it a popular choice for various applications. Its relatively low saturation contributes to its understated elegance, preventing it from being too overwhelming. San Juan's cool undertones make it suitable for designs aiming to convey trust, reliability, and sophistication.
The color #204E67, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against white text is approximately 3.2:1, which falls short of the WCAG AA standard requiring a 4.5:1 ratio for normal text. This means that while discernible, text in this color might be difficult for users with moderate visual impairments to read comfortably against a white background. When paired with black text, the contrast is significantly lower, making it unsuitable. To improve accessibility, consider using a lighter shade of the color or pairing it with lighter text colors like white or very light grays. Another option is to increase the text size or weight, which can slightly improve readability. Implementing sufficient contrast is crucial for ensuring that your website or application is usable by everyone, including those with visual impairments.
Shades
Digital Color Formats
Alternative colors
- #34627c
A slightly lighter shade that improves contrast against white backgrounds while maintaining a similar aesthetic.
- #305a6e
A desaturated variant that offers a more muted and subtle feel, suitable for backgrounds.
- #14384b
A darker variant that improves contrast when used for text on light backgrounds.
Applications
Web Design
In web design, #204E67 can be used as a primary color for websites related to technology, finance, or corporate services. Its professional and calming nature helps to convey trust and reliability. It can be effectively paired with complementary colors like light yellows or oranges for call-to-action buttons, creating a balanced and visually appealing user interface. Additionally, using this color for website headers and footers can provide a sense of structure and organization, enhancing the overall user experience.
Interior Design
In interior design, San Juan (#204E67) can be incorporated into modern and minimalist spaces as an accent wall color or for furniture upholstery. It pairs well with natural wood tones and metallic accents like silver or brushed steel. Consider using it in bedrooms or living rooms to create a soothing and relaxing atmosphere. Accessorize with lighter-colored cushions, rugs, or artwork to balance the depth of the color and create a harmonious environment.
Fashion
In the fashion industry, #204E67 can be used for sophisticated and professional apparel, such as blazers, dresses, or skirts. Its deep hue makes it suitable for autumn and winter collections, providing a sense of elegance and style. It can be paired with neutral colors like beige, gray, or white for a balanced look, or with bolder colors like burgundy or mustard yellow for a more striking ensemble. Consider using it for accessories like scarves, handbags, or shoes to add a touch of class to any outfit.