Madison
General Information About Hex Color #122A60
The hex color code #122A60, often referred to as "Madison," is a deep, saturated shade of blue. It belongs to the blue color family and exhibits a sense of sophistication, depth, and stability. In the RGB color model, #122A60 is composed of 7.1% red, 16.5% green, and 37.6% blue. This composition results in a color that is perceived as calming and trustworthy. In the CMYK color model, used primarily in printing, #122A60 consists of 81% cyan, 56% magenta, 0% yellow, and 62% black. This indicates that it is a rich, saturated color requiring a significant amount of cyan and magenta to achieve its deep hue. The hexadecimal system is a base-16 numbering system, and the hex code #122A60 provides a concise way to represent this specific color value in digital applications.
The hex color #122A60, also known as Madison, presents specific accessibility considerations for web design. With its deep, saturated blue hue, the contrast between #122A60 and lighter text or background colors is generally good, which is important for users with visual impairments. However, careful evaluation is needed. According to WCAG guidelines, the contrast ratio should be at least 4.5:1 for normal text and 3:1 for large text to meet AA compliance. For AAA compliance, these ratios increase to 7:1 and 4.5:1, respectively. When using #122A60, always test it with various text sizes and fonts to ensure sufficient contrast. Tools such as WebAIM's Contrast Checker can be invaluable. Avoid pairing #122A60 with very dark or similarly toned colors, as this can create insufficient contrast, hindering readability. Consider using lighter shades of yellow, white, or light blues for text on a #122A60 background to maximize accessibility.
Shades
Digital Color Formats
Alternative colors
- #284b63
A slightly lighter shade of blue that maintains a similar aesthetic but offers improved contrast with dark text.
- #34425c
A desaturated version of Madison, providing a more muted and subtle background option.
- #f0d212
A complementary color that adds a touch of vibrancy when paired with Madison in web design.
Applications
Web Design Backgrounds
In web design, #122A60 can serve as an excellent background color for headers or sidebars, providing a sense of depth and sophistication. It pairs well with lighter text colors like white or pale yellow to create a visually appealing and readable interface. This hue is particularly effective for websites in the technology, finance, or education sectors, where a sense of trust and authority is desired. It can also be used for interactive elements such as buttons or links to draw attention without being overly aggressive. In UI/UX design, Madison is a versatile choice for creating a professional and engaging user experience.
Fashion and Apparel
In fashion, #122A60 can be used in formal wear or elegant evening gowns. It exudes sophistication and pairs well with silver or gold accessories. Its depth allows it to stand alone as a statement piece or serve as a neutral backdrop for bolder accents. This shade is suitable for both men's and women's clothing, adding a touch of class to any ensemble. Furthermore, it makes an excellent choice for shoes and handbags. Accessorizing with this color can add a polished and refined finish to any outfit.
Interior design
Madison can be used to create an ocean theme in a room, paired with lighter blue and beige. It can also be used in furniture to add a touch of elegance. It is a versatile color that can be used to create a variety of looks. To complement #122A60 in interior design, incorporate textures like velvet or silk. These materials will enhance the depth of the color, making it visually appealing. Adding metallic accents like gold or bronze can also create a sophisticated look. The use of natural light can further accentuate the richness of this hue.