Mariner
General Information
The hex color #2163C5, also known as Mariner, is a deep, vibrant shade of blue that evokes feelings of stability, trustworthiness, and confidence. In the RGB color model, it consists of 13.33% red, 38.82% green, and 77.25% blue. This specific combination creates a color that is often associated with the sea, evoking a sense of depth and vastness. Mariner blue is commonly used in branding, web design, and various artistic applications to convey a sense of professionalism and reliability. Its visual impact makes it an excellent choice for highlighting important elements, while its calming qualities can create a sense of peace and tranquility. The color's versatility allows it to be used in a wide range of contexts, from corporate communications to creative projects, making it a popular choice among designers and artists alike.
The color #2163C5, also known as Mariner, offers moderate accessibility. Its contrast ratio against white (#FFFFFF) is approximately 4.4:1, which meets the minimum WCAG AA standard for normal text but falls short of the AAA standard. When used for large text or UI components, it generally provides sufficient contrast for readability. However, for smaller text sizes, especially for users with visual impairments, consider using a darker shade or a lighter background to improve contrast. For optimal accessibility, pairing this color with lighter shades of gray or off-white backgrounds can be beneficial. Additionally, providing alternative text descriptions for images or elements using this color ensures inclusivity for screen reader users. Thoughtful consideration of color combinations and text sizes will maximize the accessibility of designs incorporating #2163C5.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design
In web design, #2163C5 (Mariner) can be used for primary buttons, headings, and navigation bars. Its vibrant yet professional appearance makes it suitable for highlighting key interactive elements. Ensure sufficient contrast with text and background colors to meet accessibility standards. It is often used in combination with white or light gray for a clean, modern look. Mariner blue creates a sense of trust and authority, making it appropriate for websites in the finance, education, or technology sectors. Its versatility also extends to use in infographics and data visualizations, offering clear visual separation for different data categories. Consider using it sparingly to draw attention to key elements without overwhelming the user interface.
Interior Design
In interior design, Mariner can serve as an accent color in a room. Imagine a living room with neutral walls and furniture, where Mariner appears in throw pillows, artwork, or a feature wall. This adds a pop of color without overwhelming the space. In a bedroom, Mariner could be used for bedding or curtains, creating a calming and sophisticated atmosphere. It also works well in bathrooms as a tile color or for accessories like towels and shower curtains. Mariner is a versatile color that can complement various interior styles, from modern minimalist to classic nautical themes. When combined with lighter tones, it creates a sense of airiness and tranquility, while pairing it with darker shades evokes a feeling of depth and richness.
Fashion
In fashion, Mariner can be used for clothing, accessories, or footwear. It is a versatile color that can be incorporated into various styles, from casual to formal. A Mariner blue dress can be a sophisticated choice for an evening event, while a Mariner scarf or handbag can add a pop of color to a neutral outfit. For menswear, Mariner can be used for shirts, sweaters, or blazers, offering a refined and stylish look. In athletic wear, Mariner is often used for training gear or team uniforms, providing a visually appealing and recognizable color scheme. Whether used as a primary color or as an accent, Mariner adds a touch of elegance and sophistication to any wardrobe.