Congress Blue

General Information about Congress Blue

The hexadecimal color #10478B, commonly known as Congress Blue, is a deep, saturated shade of blue that evokes feelings of trust, stability, and professionalism. It is often associated with institutions, authority, and reliability. In the RGB color model, #10478B consists of 6.27% red, 27.84% green, and 54.51% blue. In the CMYK color model, it is composed of 88.53% cyan, 49.07% magenta, 0% yellow, and 45.49% black. This color's wavelength is approximately 474 nm. Congress Blue is named to represent a classic, trustworthy, and government-like image, making it a popular choice for organizations and brands looking to convey these qualities. Its versatility allows it to be used in various applications, from web design to interior decoration.

The hex color #10478B, also known as Congress Blue, presents some accessibility challenges, especially when used as a foreground color on a white background. Its relatively low luminance can result in insufficient contrast, making it difficult for users with visual impairments to read text or distinguish elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. To improve accessibility, consider pairing #10478B with lighter background colors like white (#FFFFFF) or very light grays, or using it for larger text elements. Alternatively, using #10478B as a background color and pairing it with white or light text can be a visually appealing and accessible solution. Testing color combinations with accessibility tools is crucial to ensure compliance and inclusivity.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, #10478B can be used for headers, navigation bars, or as a background color for specific sections of a website. Its professional and trustworthy feel makes it suitable for corporate websites, educational platforms, and government portals. To enhance user experience, ensure sufficient contrast with text and interactive elements. For example, white or light-colored text on a #10478B background can create a visually appealing and accessible design. Button hover states and focus indicators should also be carefully considered to provide clear feedback to users.

• Interior Design

  In interior design, #10478B can be used as an accent color in bedrooms, living rooms, or offices. It pairs well with neutral colors like white, gray, and beige, creating a calming and sophisticated atmosphere. Consider using it for accent walls, furniture upholstery, or decorative accessories. For example, a #10478B accent wall can add depth and character to a room, while #10478B throw pillows or curtains can complement a neutral-colored sofa or bed. The color brings a classic, and somewhat nautical feeling to the space. A great color to add warmth to a house.

• Fashion

  In fashion, #10478B can be incorporated into professional attire, such as suits, dresses, or blouses. It is a versatile color that can be paired with a variety of other colors, including white, black, gray, and even bolder hues like red or yellow. A #10478B blazer can be a stylish and sophisticated addition to any wardrobe, while a #10478B dress can be dressed up or down for various occasions. For accessories, consider using #10478B scarves, handbags, or shoes to add a touch of color to a neutral outfit. When styling with this color, balance is key to create a polished look.

Complementary color

Buttons