Matisse

General Information about Matisse (#205D94)

The hex color #205D94, also known as Matisse, is a dark shade of blue that evokes feelings of trust, stability, and professionalism. It belongs to the blue color family and is often associated with corporate branding, technology, and government institutions. In the RGB color model, #205D94 is composed of 12.55% red, 36.47% green, and 58.04% blue. In the CMYK color model, it consists of 78.38% cyan, 37.1% magenta, 0% yellow, and 41.96% black. This color is often used in web design, graphic design, and interior design to convey a sense of reliability and competence. Its relatively low luminance value makes it more suitable for text on light backgrounds or as an accent color. Matisse is a versatile color that can be incorporated into a variety of design projects to create a sophisticated and trustworthy aesthetic.

The color #205D94, also known as Matisse, presents some accessibility challenges. Its relatively low luminance value of 0.15 makes it difficult to achieve sufficient contrast with lighter text or background colors. 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 Matisse, it's crucial to pair it with a significantly lighter color to ensure readability for users with visual impairments. A contrast checker tool can help determine if the chosen color combination meets accessibility standards. Consider using a lighter shade of gray, yellow, or even a very pale blue to ensure sufficient contrast. Alternatively, for dark mode designs, Matisse can be paired with a very dark background to create a visually appealing and accessible interface. Proper color selection improves the user experience for everyone, not just those with disabilities.

Shades

Digital Color Formats

Alternative colors

Applications

• Website Headers

  Matisse can be used as a primary color for headings and titles, creating a sense of professionalism and trust. It pairs well with neutral backgrounds like white or light gray. Furthermore, use it as a color of bullet points to structure information to make it easily readable.

• Call-to-Action Buttons

  This color can be applied to call-to-action buttons to draw attention and encourage user engagement. Ensure sufficient contrast with the button's text color for maximum impact. Use it for all important actions that are requested from the user to perform.

• Data Visualization

  Matisse is suitable for data visualization, such as charts and graphs, providing a clear and distinct color option. Use it to represent important data sets that have to stand out. Ensure that the color is distinguishable from other colors that are used.

Complementary color

Buttons