Water Squirt
A luminous, airy cyan with subtle grey
Water Squirt is a pale, luminous cyan with significant grey undertones. Because it is so desaturated, the hex code #d8ebea functions best as a spacious background color rather than a primary accent. It pairs well with charcoal greys for a modern, tech-focused interface. Since black text provides excellent readability against this shade, it is a practical choice for clean, minimal UI design.
About Water Squirt
Frost on a bathroom window, gone by ten
What does water squirt mean?
Pale cyan often reads as clean water, cool air, and fresh laundry, so people commonly use it for calm, tidy spaces. So little color survives in it that it feels thin and airy, like light passing through fog rather than resting on a surface.
Where you see water squirt
- sea foam at the edge of a tide
- bleached linen sheets
- frosted glass
- old porcelain tile
- the shallow end of a pool
What it works for
It works as a near-neutral backdrop that keeps a hint of coolness without turning a room or page visibly blue.
What colors go with water squirt?
Terracotta #e2725bThe faded cyan cools the clay's heat, and both colors share a worn, sunlit softness.Pewter #91a092Two muted neighbors make a quiet grey-cyan pairing that reads as weathered metal and morning mist.Mustard #ffdb58A small dose of mustard gives the washed-out cyan a warm anchor without overpowering it.Charcoal #36454fDark charcoal type or trim keeps its distance from this pale tone, so both stay crisp.
Questions about Water Squirt
What is the hex code for Water Squirt?
Water Squirt is #d8ebea. In RGB that is rgb(216, 235, 234), in HSL hsl(177, 32%, 88%) and in CMYK 8%, 0%, 0%, 8%.
Is #d8ebea suitable for UI backgrounds?
Yes, this color is an excellent choice for spacious backgrounds because its low saturation prevents it from overpowering primary UI elements. It maintains great readability with dark text and avoids the harsh glare often found in brighter, more vibrant cyans.
Is Water Squirt readable on white or black?
Water Squirt has a 1.23:1 contrast ratio on white and 16.99:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.