Madison
General Information About #102A5B
The hex color #102A5B, also known as Madison, is a dark, desaturated blue that evokes feelings of depth, stability, and sophistication. It is located in the blue hue family, characterized by its cool and calming properties. In the RGB color model, #102A5B is composed of 6.27% red, 16.47% green, and 35.69% blue. This composition gives it a slightly muted and reserved appearance. In the CMYK color model, it consists of 82.46% cyan, 53.9% magenta, 0% yellow, and 64.31% black. The hue angle is 219.3 degrees, saturation is 70.48%, and lightness is 20.98%. This color is often associated with professionalism, trustworthiness, and intelligence, making it a popular choice for corporate branding and web design. Its understated nature allows it to be versatile, pairing well with both warm and cool tones, depending on the desired effect.
The hex color #102A5B, also known as Madison, presents specific accessibility considerations for web developers. Its relatively dark hue means that careful attention must be paid to color contrast, especially when used for text or interactive elements. According to WCAG guidelines, sufficient contrast is crucial for users with visual impairments to perceive content effectively. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #102A5B as a background, lighter text colors like white (#FFFFFF) or very light grays should be considered to meet these contrast requirements. Tools like WebAIM's Contrast Checker can be used to ensure compliance. Additionally, avoid using color alone to convey important information; always provide alternative cues like text labels or icons to ensure inclusivity for all users, including those with color blindness. Ensuring proper focus indicators for interactive elements is also essential to maintain keyboard navigation accessibility.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design and UI/UX
In web design, Madison (#102A5B) can be effectively used for website headers and footers to create a sense of sophistication and stability. It works particularly well in the tech industry or for financial institutions, where trust and professionalism are key. The color can also be employed for call-to-action buttons, especially when paired with a contrasting color like yellow or orange to draw attention. In UI design, Madison can serve as a background color for dashboards and data visualization tools, providing a calm and focused environment for users to analyze information. Its deep hue also lends itself well to creating depth and dimension through layering and subtle gradients.
Interior Design and Fashion
In interior design, Madison can create a calming and sophisticated atmosphere, particularly in living rooms or bedrooms. It can be used as an accent wall color to add depth and richness to the space. Paired with lighter neutrals like beige or cream, it prevents the room from feeling too dark. Madison also complements natural materials like wood and stone, enhancing the room's overall texture and warmth. In fashion, Madison can be used for elegant evening wear or sophisticated business attire, lending a sense of refinement and professionalism. It pairs well with metallics like gold or silver for added glamour, or with neutral tones for a more understated look.
Branding
Madison is a great color for branding because it conveys a sense of trust and professionalism. It's a very serious and mature color that can work to a brand's advantage, as it conveys experience and knowledge. Paired with a light contrasting color, it can catch the eye, whilst still maintaining a calm and collected visual identity. It is particularly well suited for industries such as Banking, Finance and Law. In the food industry it can be used for packaging and branding where the product is of a premium quality.