Bondi Blue

#0087B4

About Bondi Blue (#0087B4)

The color #0087B4, commonly known as Bondi Blue, is a captivating shade that evokes feelings of serenity, tranquility, and vastness, akin to the ocean. Belonging to the cyan-blue color family, it carries a unique charm that makes it a popular choice in various design applications. Its hex code, #0087B4, reveals its composition: a combination of zero red, 135 green, and 180 blue components. Bondi Blue is often associated with trustworthiness, stability, and calmness. In color psychology, blues are generally known to promote relaxation and a sense of security, making them suitable for creating comforting and inviting environments. Bondi Blue is also often linked to clarity and communication, making it an excellent choice for businesses or brands that want to convey these qualities. It offers a refreshing alternative to darker blues, providing a softer and more approachable feel.

The hex color #0087B4, also known as Bondi Blue, presents some accessibility challenges, especially when used for text. Its moderate luminance requires careful consideration of contrast ratios. According to WCAG guidelines, sufficient contrast between text and background is crucial for readability, particularly for users with visual impairments. When using #0087B4 for text, it is important to pair it with a background color that provides a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular). White (#FFFFFF) or very light shades of grey might be suitable options, but should always be tested with accessibility tools. Avoid pairing #0087B4 with dark colors or colors of similar luminance, as this can cause eye strain and make the text difficult to read. When using it as a background color, ensure that the text placed on top adheres to the recommended contrast ratios. Also, consider that color blindness affects a significant portion of the population, so relying solely on color to convey information is not recommended. Providing alternative visual cues, such as icons or text labels, can improve the accessibility of your design.

Shades

Digital Color Formats

RGB
0 135 180
RGB0 135 180
Red
Green
Blue
HSL
195deg 100% 35.29%
19510035.29HSL
Hue
Saturation
Lightness
HWB
195deg 0% 29.41%
195029.41HWB
Hue
Whiteness
Blackness
hex#0087B4
rgb0 135 180
hsl195deg 100% 35.29%
cmyk100% 25% 0% 29.41%
hwb195deg 0% 29.41%
xyz-d650.17 0.21 0.46
oklch0.5844 0.1175 230.79
oklab0.5844 -0.07 -0.09
CMYK
100% 25% 0% 29.41%
10025029.41CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.17 0.21 0.46
0.170.210.46XYZ
X
Y
Z
OKLCH
0.5844 0.1175 230.79
0.58440.1175230.79LCH
Lightness
Chroma
Hue
OKLAB
0.5844 -0.07 -0.09
0.5844-0.07-0.09LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons