Astronaut
General Information about #213C77
The hexadecimal color code #213C77, also known as Astronaut, represents a dark shade of blue. In the RGB color model, it is composed of 12.94% red, 23.53% green, and 46.67% blue. This color is commonly used to convey feelings of trust, stability, and intelligence. It is often associated with corporate branding, technology, and government institutions. In color psychology, dark blues are considered calming and reliable. The CMYK representation of #213C77 is 72% cyan, 49% magenta, 0% yellow, and 53% black, making it suitable for printing applications. The color can also be represented in the HSL (Hue, Saturation, Lightness) model, with a hue of 220 degrees, a saturation of 56%, and a lightness of 30%.
The color #213C77, also known as Astronaut, presents some accessibility challenges. Its relatively low luminance can make it difficult to read text displayed in this color against a white or light background. Web developers should ensure a sufficient contrast ratio, ideally meeting WCAG guidelines (minimum 4.5:1 for normal text and 3:1 for large text). Using a lighter text color such as white or a pale yellow can improve readability. Additionally, consider providing alternative visual cues for users with color vision deficiencies. Avoid relying solely on color to convey important information; supplement it with text labels or icons. Testing with accessibility tools and getting feedback from users with disabilities is crucial to ensure an inclusive design.
Shades
Digital Color Formats
Alternative colors
- #34568b
A slightly lighter shade of blue that offers better contrast against light backgrounds.
- #102850
A darker shade of blue which could be used to ensure high contrast against very light backgrounds.
- #5f739d
A muted gray-blue which provides a more neutral alternative while maintaining a similar aesthetic.
Applications
Web Design
In web design, #213C77 is effective for creating a sense of depth and professionalism. It is often used for navigation bars, headers, and backgrounds to establish a sophisticated aesthetic. This color works well for websites related to technology, finance, or corporate services. It can be paired with lighter shades of blue or white to create a clean and trustworthy impression. The dark hue can also be used for creating contrast and highlighting important information on a webpage, ensuring readability and visual appeal.
Interior Design
In interior design, #213C77 can be used to create a calming and sophisticated atmosphere. It is suitable for accent walls in bedrooms or living rooms, providing a sense of tranquility and depth. The color pairs well with neutral tones such as gray or beige, as well as natural materials like wood and stone. It can also be used in furniture upholstery or decorative accessories, adding a touch of elegance and refinement to the space. This color is ideal for creating a modern and inviting environment.
Fashion
In fashion, #213C77 can be incorporated into clothing designs to evoke a sense of sophistication and elegance. It is suitable for formal wear such as suits, dresses, or evening gowns, adding a touch of understated luxury. This color works well in accessories such as handbags, scarves, or shoes, complementing a variety of outfits. It can be paired with lighter shades of blue, gray, or silver to create a balanced and stylish look. The dark hue adds depth and richness to the overall design.