St Tropaz
General Information
The color #2C589E, also known as St Tropaz, is a dark shade of blue with moderate saturation. It belongs to the blue color family and evokes feelings of calmness, trust, and stability. In the RGB color model, it is composed of 17.3% red, 34.5% green, and 62% blue. Its CMYK values are 72% cyan, 44% magenta, 0% yellow, and 38% black. This color is often associated with professionalism and corporate environments, making it a popular choice for branding and web design. The St Tropaz color can be found in different variations, making it a versatile color for many use cases. It is important to test how the color renders on different devices.
The hex color #2C589E, also known as St Tropaz, presents moderate accessibility challenges. Its contrast ratio against white is approximately 4.6:1, which meets the WCAG AA standard for normal text but falls short for larger text (18pt or 14pt bold) and user interface components. When used as text on a white background, individuals with moderate visual impairments may find it somewhat difficult to read. For optimal accessibility, pairing this color with lighter shades of yellow, green, or white is recommended to ensure sufficient contrast. Conversely, using darker backgrounds will exacerbate readability issues for users with low vision. When employing #2C589E for critical interactive elements, providing alternative visual cues, such as underlines or icons, is crucial to enhance usability for all users, including those with color vision deficiencies. Additionally, consider providing a high-contrast theme option on websites to cater to users with varying visual needs.
Shades
Digital Color Formats
Alternative colors
- #3469ac
A slightly lighter shade of blue that maintains a similar aesthetic but offers improved contrast against white backgrounds.
- #22427c
A darker shade of blue that provides better contrast when used on light backgrounds.
- #3f72af
A more vibrant blue that can be used as an accent color to draw attention.
Applications
Web Design
In web design, #2C589E can be used for primary buttons and headings to create a professional and trustworthy feel. Due to its medium saturation, it is well suited for backgrounds in hero sections, navigation bars or footers. The hex color can also be applied for informational icons. The color can also be combined with lighter colors for graphs and charts to represent corporate data. It is advised to test with different screen sizes and different devices and operating systems to make sure that the color is rendered appropriately.
Interior Design
In interior design, #2C589E can be incorporated as an accent wall color in living rooms or bedrooms to instill a sense of calmness and sophistication. It pairs well with neutral tones such as grays, whites, and creams, creating a balanced and harmonious environment. The hue is also suitable for furniture upholstery, such as sofas or armchairs, adding a touch of elegance and depth to the space. Accessories like cushions, curtains, or rugs in #2C589E can further complement the overall design scheme, creating a cohesive and visually appealing ambiance. The hex color should be balanced in bright rooms that receive ample sunlight.
Fashion Design
In the fashion industry, #2C589E can be utilized in clothing designs to create a refined and sophisticated look. The color is appropriate for formal dresses, blazers, or suits, conveying a sense of professionalism and poise. It can also be incorporated into casual wear such as sweaters, shirts, or jeans, adding a touch of elegance to everyday outfits. Accessories like scarves, handbags, or shoes in #2C589E can complement various styles, making it a versatile choice for fashion designers. It is advised to use appropriate fabrics that don't cause the color to appear significantly different, such as velvet.