Madison

General Information about #0A2A5E

The hex color #0A2A5E, often referred to as 'Madison,' is a deep, muted shade of blue. It resides in the dark end of the blue color spectrum, exhibiting characteristics of both blue and gray. In the RGB color model, #0A2A5E is composed of 3.92% red, 16.47% green, and 36.86% blue. This combination results in a color that evokes feelings of calmness, stability, and sophistication. Colors similar to #0A2A5E are often associated with professionalism, trust, and intelligence. In color psychology, dark blues like Madison can represent authority, security, and loyalty. It is a versatile color that can be used in various design applications, ranging from corporate branding to interior design. Due to its dark nature, #0A2A5E is frequently used as a background color or as an accent color to provide contrast with lighter elements.

The hex color #0a2a5e, also known as Madison, presents some accessibility considerations for web developers. Due to its dark nature, it is crucial to ensure sufficient contrast when using it as a background or text color. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When pairing #0a2a5e with text, lighter colors such as white, light gray, or pale yellow are advisable to meet these contrast requirements. Tools like contrast checkers can help verify compliance. Additionally, consider providing alternative styling options for users with visual impairments, allowing them to customize the color scheme to their preferences. When using this color for interactive elements like buttons or links, ensure that hover and focus states are clearly distinguishable through visual cues such as a change in brightness, color, or the addition of an underline or border. Furthermore, avoid using color alone to convey important information; supplement it with text or icons to ensure accessibility for individuals with color blindness.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, #0a2a5e can be used as a primary background color for headers or sidebars to create a sophisticated and professional look. It pairs well with lighter accent colors for text and interactive elements. For instance, a website for a financial institution or a law firm could benefit from this color's serious and trustworthy feel. To enhance user experience, ensure that navigational elements and call-to-action buttons have sufficient contrast against the #0a2a5e background. Consider using a light shade of yellow or a vibrant teal as an accent color to draw attention to key elements. This color also works well in creating visually appealing data visualizations or infographics.

• Fashion

  In fashion, #0a2a5e can be used for elegant evening wear or sophisticated business attire. It can be incorporated into fabrics like velvet or silk to create a luxurious and refined appearance. Consider pairing it with metallic accents like gold or silver to enhance its visual appeal. For a more casual look, #0a2a5e can be used in denim or knitwear. Accessorize with complementary colors such as mustard yellow or deep red to create a striking contrast. The color's depth and richness make it suitable for statement pieces like coats or dresses, while its versatility allows it to be incorporated into smaller items like scarves or handbags.

• Interior Design

  In interior design, #0a2a5e works well as an accent wall color in a modern or contemporary setting. It can create a calming and sophisticated atmosphere in bedrooms or living rooms. Pair it with lighter neutral colors like beige or cream for a balanced look. Consider incorporating metallic elements like brass or copper to add warmth and luxury. This color can also be used in furniture upholstery or decorative accessories like cushions and throws. To create visual interest, mix different textures such as velvet, leather, and linen. #0a2a5e can also be used in home office spaces to promote concentration and focus.

Complementary color

Buttons