Matisse
General Information about #17639D
The hex color code #17639D, also known as Matisse, is a dark shade of blue. It is composed of 9.02% red, 38.82% green, and 61.57% blue. In the RGB color model, this translates to 23 red, 99 green, and 157 blue. The equivalent CMYK color values are C:0.85, M:0.37, Y:0.00, K:0.38. In the HSL color space, #17639D has a hue of 207.6 degrees, a saturation of 72.3%, and a lightness of 35.3%. This hue indicates that it falls within the cyan-blue range on the color wheel. The color is named after Henri Matisse, a French artist known for his use of colour and his fluid and original draughtsmanship. He was a draughtsman, printmaker, and sculptor, but is known primarily as a painter.
The color #17639D, also known as Matisse, presents some accessibility considerations for web developers. Its relatively dark hue means careful attention must be paid to color contrast when used for text or interactive elements. According to WCAG guidelines, sufficient contrast between foreground and background colors is essential for users with visual impairments to perceive content effectively. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #17639D as a background, lighter text colors such as white or light gray should be considered to ensure readability. Conversely, if used as text color, a very light background or white is a must. Moreover, developers should avoid relying solely on color to convey meaning, as colorblind users may not be able to distinguish between certain colors. Providing alternative cues, such as text labels or icons, can enhance accessibility for all users.
Shades
Digital Color Formats
Alternative colors
- #337ab7
A slightly lighter shade that maintains the blue tone but improves contrast against darker backgrounds.
- #6c757d
A desaturated blue that can serve as a neutral background or accent color.
- #29ABE2
A vibrant, modern blue that offers a brighter alternative while still conveying a sense of professionalism and trust.
Applications
Website Headers and Footers
Matisse (#17639D) can be effectively used in website headers and footers to create a professional and trustworthy feel. Its dark blue hue communicates stability and reliability, making it suitable for businesses in finance, technology, or consulting. It's recommended to pair with lighter accent colors and ensure sufficient contrast with text elements for optimal user experience. Consider using it as a primary color in a minimalist design to convey a sense of modernism and innovation. Also, #17639D gives a professional look when used in the headers of dashboards and admin panels of web applications.
Interior Design Accent Color
In interior design, Matisse can be used as an accent wall color in living rooms or bedrooms to create a calming and sophisticated atmosphere. Its deep blue tone pairs well with neutral furniture and warm-toned accessories like gold or wood. It can also be used for upholstery, such as sofas or armchairs, to add a touch of elegance to the space. The color brings serenity to any space and makes it relaxing. Try to combine it with warm tones to create a balanced atmosphere.
Graphic Design
Matisse can be incorporated into graphic design projects, such as brochures, posters, and logos, to convey a sense of professionalism and trustworthiness. Its dark blue hue works well as a primary color for businesses in finance, technology, or consulting. It can also be used as an accent color to highlight important information or elements. When using Matisse in graphic design, it's important to ensure sufficient contrast with other colors and text elements for optimal readability and visual impact. The color can be combined with different fonts to create harmonic graphic designs.