St Tropaz
General Information about St Tropaz (#225B91)
The hexadecimal color code #225B91, also known as St Tropaz, represents a dark shade of blue in the RGB color model. It is composed of 13.33% red, 35.69% green, and 56.86% blue. This color is often associated with feelings of calmness, stability, and trust, making it a popular choice for various applications in design and branding. In terms of color theory, #225B91 falls within the blue-violet range and can be used to create both analogous and complementary color schemes. Its dark value makes it suitable for use as a background color or as a text color when paired with a light background. The color is best used when a calm and trustful atmosphere is required.
The color #225B91, also known as St Tropaz, presents some accessibility challenges. Its relatively low luminance contrast against white backgrounds may make it difficult for users with visual impairments to read text or discern interface elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #225B91 for text or interactive elements, it is crucial to choose a sufficiently light background color to ensure readability. Consider using online contrast checkers to verify compliance with accessibility standards. Additionally, providing alternative cues, such as icons or descriptive labels, can further enhance usability for all users, including those with color vision deficiencies. Thoughtful color selection is essential for creating inclusive and accessible web experiences. For better accessibility, combine the color with lighter hues that provide a sufficient contrast ratio, ensuring readability and usability for users with visual impairments. This is especially important for text and interactive elements.
Shades
Digital Color Formats
Alternative colors
- #4682b4
A lighter shade of blue that offers better contrast against white backgrounds, improving readability and accessibility.
- #808080
A neutral gray that can serve as a more accessible alternative for text or backgrounds when contrast is a primary concern.
- #30D5C8
A bright turquoise to complement the primary color.
Applications
Web Design
In web design, #225B91 can be utilized as a primary color for headers, navigation bars, and call-to-action buttons to evoke a sense of trust and professionalism. It pairs well with neutral backgrounds and accent colors to create a balanced visual hierarchy. The color also fits well with a full page background to give the website a calm feeling.
Interior Design
In interior design, #225B91 can be used as an accent color for walls, furniture, or decorative elements to create a calming and sophisticated atmosphere. It complements natural wood tones and metallic finishes, adding depth and visual interest to a space. The color can also be used in bedrooms or bathrooms to give the room a relaxed and luxurious impression.
Fashion
In fashion, #225B91 can be incorporated into clothing, accessories, or footwear to add a touch of elegance and refinement. It works well with both casual and formal outfits, and can be paired with a range of colors, from neutrals to bold hues, to create different looks. A dark blue jacket in combination with beige pants can be an appealing combination.