Bondi Blue
General Information about Bondi Blue
Bondi Blue, represented by the hexadecimal color code #0097B4, is a vibrant and refreshing shade of cyan. It evokes a sense of calm and tranquility, reminiscent of the ocean waters near Bondi Beach in Australia, from which it gets its name. This color is a blend of green and blue, leaning slightly more towards the blue spectrum. In the RGB color model, it consists of 0% red, 59.2% green, and 70.6% blue. In the CMYK color model, it is composed of 100% cyan, 16% magenta, 0% yellow, and 29.4% black. Bondi Blue is often associated with creativity, inspiration, and communication, making it a popular choice for branding and design across various industries.
The hex color #0097B4, also known as Bondi Blue, presents some accessibility considerations for web design. Its contrast ratio with white text is approximately 4.5:1, which meets the WCAG AA standards for normal text. However, for larger text (14pt bold or 18pt regular), it comfortably exceeds the 3:1 ratio. When using this color for smaller text, ensure sufficient contrast or provide alternative styling options for users with visual impairments. When paired with black text, the contrast is significantly lower, failing accessibility guidelines. Consider using lighter shades of grey or white to enhance readability and overall user experience. Proper color contrast ensures that content is easily discernible for all users, including those with low vision or color blindness. Always test your color combinations with accessibility tools to ensure compliance.
Shades
Digital Color Formats
Alternative colors
- #33a1c9
A slightly lighter shade of blue that maintains the vibrancy while improving contrast against white backgrounds.
- #00708c
A darker shade that provides better contrast when used as a text color on light backgrounds.
- #5f9ea0
A muted teal alternative offering a more subtle and sophisticated aesthetic.
Applications
Web Design Accents
In web design, Bondi Blue can be utilized for creating visually appealing headers, buttons, and accents. Its brightness makes it suitable for interactive elements, drawing the user's attention to key areas of the page. Ensure that the text used on Bondi Blue backgrounds has adequate contrast for readability. For example, white or light-grey text works well. Avoid using dark colors as text on this background.
Interior Design Accents
In interior design, Bondi Blue can serve as an accent wall color, bringing a refreshing and calming atmosphere to a room. It pairs well with neutral tones like white, beige, and light grey. You can also use it in smaller decorative elements such as pillows, curtains, or artwork to add a pop of color. The versatility of Bondi Blue allows it to fit into coastal, modern, and minimalist design styles.
Fashion Design Elements
In fashion, Bondi Blue can be used in clothing, accessories, and even makeup. A Bondi Blue dress or shirt can make a bold statement, while accessories like scarves or jewelry can add a subtle touch of color to an outfit. This color works particularly well in spring and summer collections, evoking feelings of the ocean and sky. It can be paired with neutral colors or complementary hues for a balanced look.