H₂O

#BFE1E6

Cyan Family →

What Color is H₂O

H₂O (Hex #BFE1E6) is a soft, light shade of cyan. As a cool color, it pairs exceptionally well with contrasting reds. Get RGB values, find matching paints, and download H₂O palettes.

What color is opposite H₂O?

The opposite color to H₂O is Dust Storm (#e7c6c1).

View Dust Storm

Additional Information

  • Color Family: Cyan
  • Temperature: Cool
  • Associated Season: Summer
  • Complementary Color: #E7C6C1
  • Brightness: 215/255
  • Saturation: 17%

Colors That Pair Well With H₂O

Complementary

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

#BFE1E6#e7c6c1

High Contrast

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

#BFE1E6#401e19

Harmonious Depth

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

#d9edf0#607173

Color Conversions

Hex
#BFE1E6
RGB
191, 225, 230
RGB %
75%, 88%, 90%
HSL
188°, 44%, 83%
HSV
188°, 17%, 90%
CMYK
17%, 2%, 0%, 10%
LAB
87.31, -10.06, -6.17
XYZ
62.69, 70.64, 85.19

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

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

Shop Premium Products in H₂O

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
H₂O

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.
  • Print: Double-sided, all-over 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 H₂O?

Explore color palettes containing H₂O 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

Prismacolor

Cloud Blue

#PC1023#C7DDEA

Buy

Caran d'ache Luminance 6901

Silver Grey

#002#CBD4D9

Buy

Polychromos

cold grey I

#230#CAD1D8

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for H₂O?
The hex code for H₂O is #BFE1E6. The RGB values are (191, 225, 230). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with H₂O?
H₂O pairs well with its complementary color, Dust Storm (#e7c6c1). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is H₂O accessible for text?
No, H₂O 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 H₂O in CSS?

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

.h-o {
  background-color: #BFE1E6;
  color: #FFFFFF;
}

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