Bubbles

#E7FEFF

White Family →

What Color is Bubbles

Bubbles is an exceptionally pale, cooling off-white with a distinct cyan undertone. It captures the luminous quality of reflected light on water, offering a crisp and airy alternative to standard neutral whites.

What color is opposite Bubbles?

The opposite color to Bubbles is Pippin (#ffe7e5).

View Pippin

Additional Information

  • Color Family: White
  • Temperature: Cool
  • Associated Season: Summer
  • Complementary Color: #FFE7E5
  • Brightness: 247/255
  • Saturation: 9%

Colors That Pair Well With Bubbles

Complementary

Pair with Pippin for a harmonious, balanced look. Great for backgrounds and accents.

#E7FEFF#ffe7e5

High Contrast

Use Diesel for maximum readability. Ideal for text or critical UI elements.

#E7FEFF#180100

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#f1feff#747f80

Bubbles History

The name Bubbles was popularized in the late 20th century, notably appearing in specialty crayon collections in 1994 to represent the translucent nature of soap film. Historically, this shade mimics the optical effects sought by 19th-century Impressionists who used cool-toned whites to capture the refraction of light on snow and moving water, moving away from the heavy lead-based whites of the Renaissance.

Before the advent of synthetic digital colors, achieving this specific hue required mixing Zinc White with a trace of Prussian Blue or Cobalt. It reflects a modern shift in art and industry toward 'clean' aesthetics that prioritize clarity and a high-tech, sanitized feel that was difficult to stabilize with organic pigments in the past.

Meaning & Psychology

Psychologically, Bubbles exerts a sense of profound serenity and psychological lightness. Because it is so close to white, it provides the emotional benefits of a 'blank slate' but avoids the harshness of pure white, which can often feel clinical or overbearing to the human eye.

In various cultures, this high-value tint represents purity and health, often used in environments where mental focus is required. It fosters a feeling of refreshing openness, making it a preferred choice for modern wellness brands and digital interfaces that aim to reduce user anxiety and cognitive load.

In Nature

Bubbles is rarely found as a solid pigment in nature; instead, it occurs through the physical phenomenon of light scattering. It is visible in the compressed oxygen bubbles trapped within ancient glacial ice and the thin-film interference seen on the surface of actual sea foam. You can also observe this hue in the iridescent scales of certain tropical fish and the pale, reflective underbelly of a kingfisher meant to camouflage against a bright sky.

How To Use Bubbles

In professional design, Bubbles is an elite choice for background surfaces in UI/UX to improve readability without causing the retinal fatigue associated with #FFFFFF. It provides a sophisticated, 'breathable' canvas that makes dark typography appear sharper and more inclusive for users with light sensitivity.

When applying this color to interior or graphic design, it should be treated as a cool neutral. It pairs excellently with minimalist palettes of charcoal and silver, or it can be used to temper the heat of vibrant corals and oranges. Because of its high reflectance, it is a key tool for creating a sense of spaciousness in cramped digital or physical environments.

Related Words

translucentrefractionsyntheticclarityserenitypurityrefreshingscatteringoxygeniridescentkingfisherreadabilityinclusiveminimalistspaciousness

Curated Palettes

#E7FEFF
#B9E9EB
#87CEEB
#4682B4
#2F4F4F

Arctic Breath

A chillingly beautiful palette reflecting frozen landscapes.

#E7FEFF
#F0F0F0
#A0A0A0
#1A1A1B
#00D4FF

Digital Cleanse

A high-tech, modern UI palette focusing on clarity and focus.

#E7FEFF
#FFC0CB
#E6E6FA
#D8BFD8
#AFEEEE

Vaporwave Pastel

A soft, nostalgic blend of neon-adjacent tints.

Color Conversions

Hex
#E7FEFF
RGB
231, 254, 255
RGB %
91%, 100%, 100%
HSL
183°, 100%, 95%
HSV
183°, 9%, 100%
CMYK
9%, 0%, 0%, 0%
LAB
98.07, -7.24, -3.03
XYZ
86.45, 95.09, 108.41

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #E7FEFF;
Text Color (RGB)
Aa
color: rgb(231, 254, 255);
Background Color
background-color: #E7FEFF;
Border
border: 3px solid #E7FEFF;
Box Shadow
box-shadow: 0 4px 12px #E7FEFF66;
Gradient
background: linear-gradient(135deg, #E7FEFF 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Bubbles

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Bubbles

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Backing: Stone coloured back (or double-sided print).
  • Print: Edge-to-edge vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Bubbles?

Explore color palettes containing Bubbles and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Polychromos

light flesh

#101#FBC29F

Buy
Best Match

Prismacolor

White

#PC938#FFFFFF

Buy

Caran d'ache Luminance 6901

White

#001#F0F0EE

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Bubbles?
The hex code for Bubbles is #E7FEFF. The RGB values are (231, 254, 255). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Bubbles?
Bubbles pairs well with its complementary color, Pippin (#ffe7e5). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Bubbles accessible for text?
No, Bubbles is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Bubbles in CSS?

You can use Bubbles in CSS with its hex code. Here is an example class:

.bubbles {
  background-color: #E7FEFF;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.