Bondi Blue

HEX: #0095B6 | Modern Palette

On White
3.51:1
FAIL
On Black
5.97:1
PASS

Color Specifications

HEX
#0095B6
RGB
0, 149, 182
HSL
190°, 100% ,71%
CMYK
100, 18.13, 0, 28.63

About Bondi Blue

Bondi Blue (#0095B6) is a color with RGB(0, 149, 182) and HSL(190.88°, 100%, 71.37%). It is commonly associated with Bold, Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #B62100, which creates strong contrast. Its triadic palette includes #B60095 and #95B600. The name comes from Bondi Blue (English).

  • HEX: #0095B6
  • RGB: 0, 149, 182
  • HSL: 190.88°, 100%, 71.37%
  • Mood: Bold, Playful
  • Style: Neon, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #B62100
  • Triadic colors: #B60095, #95B600
  • The name comes from Bondi Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #0095B6 from deepest shade to lightest tint.

Color Characteristics

Mood
Bold Playful
Style
Neon Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #7F7FB7
Protanopia #8D8DB6
Tritanopia #009A9A
Achromatopsia #898989

Frequently Asked Questions

Bondi Blue (#0095B6) is a color with RGB(0, 149, 182) and HSL(190.88°, 100%, 71.37%).

#0095B6 pairs strongly with #B62100 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#0095B6 is suitable for Text, Button, Accent and works well with Neon, Cool styles.

#0095B6 is commonly associated with Bold, Playful.

The name Bondi Blue is linked to Bondi Blue from English, meaning A specific shade of blue, named after Bondi Beach in Sydney, Australia..

Name, History & Etymology

Origin Word Bondi Blue
Meaning A specific shade of blue, named after Bondi Beach in Sydney, Australia.
Language English
First Recorded Use Late 20th Century

History

The color 'Bondi Blue' gained significant prominence and its name through its use as the translucent casing color for the original Apple iMac G3, released in August 1998. Apple's design team, led by Jony Ive, chose this vibrant, somewhat greenish-blue to differentiate the iMac from the beige and grey computers prevalent at the time. The name 'Bondi Blue' was inspired by the distinctive blue waters of Bondi Beach in Sydney, Australia, and quickly became a popular descriptor for the color, both officially and colloquially.

First Recorded Use

1998

Cultural Associations

Bondi Blue is strongly associated with the late 1990s and the resurgence of Apple Inc. It symbolized a shift in computer design towards more consumer-friendly, aesthetically pleasing, and colorful products. Its introduction marked a significant moment in industrial design, moving away from purely functional aesthetics to incorporating elements of fun and personality. The color became iconic for the iMac G3 and is still recognized today as a hallmark of that era of technology and design.

Similar Named Colors
Blue Green #0D98BA ΔE 1.11
Blue (Munsell) #0093AF ΔE 1.82
Pacific Blue #1CA9C9 ΔE 6.33
Ball Blue #21ABCD ΔE 6.92

Code Snippets

/* Background */
.element {
    background-color: #0095B6;
}

/* Text */
.element {
    color: #0095B6;
}

/* Border */
.element {
    border: 1px solid #0095B6;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #0095B6,
        #FF876D
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #0095B6,
        #FF876D
    );
}

// SCSS variable
$bondi-blue: #0095B6;

// With RGB channels (useful for rgba() usage)
$bondi-blue-r: 0;
$bondi-blue-g: 149;
$bondi-blue-b: 182;

// Usage
.element {
    background-color: $bondi-blue;
    color: rgba($bondi-blue-r, $bondi-blue-g, $bondi-blue-b, 0.8);
}