Allports
General Information about #00779B
The hex color #00779B, also known as Allports, is a dark cyan-blue color. It is composed of 0% red, 46.7% green, and 60.8% blue. In the RGB color model, #00779B consists of 0 red, 119 green, and 155 blue. In the CMYK color model, it is composed of 100% cyan, 23.2% magenta, 0% yellow, and 39.2% black. This color evokes feelings of calmness, serenity, and professionalism. It is often associated with stability, trust, and intelligence. In branding and design, it's a versatile color that can be used to convey a sense of reliability and competence. Its balance between blue and green hues makes it suitable for a wide range of applications, from corporate websites to creative marketing materials. The color's relative darkness also means it can be used effectively as a background.
The hex color #00779B, also known as Allports, presents some accessibility considerations for web developers. With a relatively low luminance, it may pose challenges for users with visual impairments, particularly when used as text against a white background. The contrast ratio should be carefully evaluated to ensure it meets WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. If using #00779B for text, consider pairing it with a very light or white background to maximize readability. Alternatively, using it as a background color requires a very light text color. Tools like contrast checkers can help determine if the color combination provides sufficient contrast for accessibility. Always prioritize user experience by testing color combinations with diverse users and assistive technologies to ensure inclusivity.
Shades
Digital Color Formats
Alternative colors
- #66b2ff
A lighter shade of blue that provides better contrast against dark backgrounds, enhancing readability and accessibility.
- #003366
A darker shade of blue that provides better contrast against light backgrounds, enhancing readability and accessibility.
- #808080
A neutral gray that can serve as a more accessible alternative for text or background elements where contrast is a concern.
Applications
Web Design
In web design, #00779B can be utilized as a primary color for headings, buttons, and other interactive elements. Its calming and professional appearance makes it suitable for websites in the technology, healthcare, or finance industries. For example, it can be used as the background color for a website's header, paired with white or very light text for optimal readability. As a button color, it could be paired with white text and a hover effect that slightly lightens the shade, providing visual feedback to the user. It can also be used for charts and graphs to represent data in a visually appealing manner. Careful consideration of contrast ratios is essential to ensure accessibility.
Interior Design
In interior design, #00779B can be incorporated as an accent color in a variety of spaces. It works well in bedrooms, bathrooms, or home offices, creating a serene and focused atmosphere. It can be used on walls, furniture, or accessories like cushions and curtains. As a wall color, it pairs well with neutral shades like beige, gray, or white, creating a balanced and harmonious environment. In a bathroom, it can be used for tiles or painted cabinets, creating a spa-like feel. It's a great color to pair with natural materials like wood and stone, enhancing the sense of calm and tranquility.
Fashion
In fashion, #00779B can be a stylish and versatile color choice. It can be used for clothing items, accessories, or even makeup. For clothing, it's a great option for casual wear, such as t-shirts, sweaters, or jeans. It can also be used for more formal wear, such as dresses or suits. As an accessory color, it can be used for scarves, handbags, or jewelry. It's a great color to pair with other neutral shades, such as black, white, or gray. It can also be paired with brighter colors, such as yellow or pink, for a more bold and eye-catching look. For makeup, it can be used for eyeshadow or eyeliner, creating a subtle and sophisticated look.