Waterspout

HEX: #A4F4F9 | Modern Palette

On White
1.24:1
FAIL
On Black
16.89:1
PASS

Color Specifications

HEX
#A4F4F9
RGB
164, 244, 249
HSL
183°, 34% ,97%
CMYK
34.14, 2.01, 0, 2.35

About Waterspout

Waterspout (#A4F4F9) is a color with RGB(164, 244, 249) and HSL(183.53°, 34.14%, 97.65%). In design, it fits Pastel, Cool styles and is suitable for Text, Background, Print. Its complementary color is #F9A9A4, which creates strong contrast. Its triadic palette includes #F9A4F4 and #F4F9A4. The name comes from Waterspout (English).

  • HEX: #A4F4F9
  • RGB: 164, 244, 249
  • HSL: 183.53°, 34.14%, 97.65%
  • Style: Pastel, Cool
  • Use case: Text, Background, Print
  • Complementary color: #F9A9A4
  • Triadic colors: #F9A4F4, #F4F9A4
  • The name comes from Waterspout (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 #A4F4F9 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Pastel Cool
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #E1E1FA
Protanopia #EDEDF9
Tritanopia #A3F5F5
Achromatopsia #E6E6E6

Frequently Asked Questions

Waterspout (#A4F4F9) is a color with RGB(164, 244, 249) and HSL(183.53°, 34.14%, 97.65%).

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

#A4F4F9 is suitable for Text, Background, Print and works well with Pastel, Cool styles.

The name Waterspout is linked to Waterspout from English, meaning A rotating column of air that is connected to a cumuliform cloud or a cumulonimbus cloud and to a body of water..

Name, History & Etymology

Origin Word Waterspout
Meaning A rotating column of air that is connected to a cumuliform cloud or a cumulonimbus cloud and to a body of water.
Language English
First Recorded Use 17th Century

History

The term 'waterspout' has been in use since at least the late 17th century. It is a compound word formed from 'water' and 'spout'. 'Spout' itself has Germanic origins, referring to a pipe or nozzle from which liquid issues, or the act of gushing forth. The combination accurately describes the visual phenomenon of water appearing to 'spout' up or down in a column. Early descriptions often focused on the visual aspect and the perceived danger to ships. Over time, scientific understanding evolved, distinguishing waterspouts from land tornadoes and categorizing them into tornadic and fair-weather types.

First Recorded Use

1693

Cultural Associations

Waterspouts have long been a source of fascination and sometimes fear for mariners and coastal communities. They appear in various maritime folklore and legends, often seen as omens or powerful, mysterious forces of nature. In some cultures, they might be associated with mythical sea creatures or divine manifestations. While generally less destructive than land tornadoes, their sudden appearance and potential to capsize small boats or damage coastal structures have ensured their place in human observation and storytelling.

Similar Named Colors
Celeste #B2FFFF ΔE 2.96
Pale Blue #AFEEEE ΔE 2.96
Electric Blue #7DF9FF ΔE 4.54
Blizzard Blue #ACE5EE ΔE 5.07

Code Snippets

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

/* Text */
.element {
    color: #A4F4F9;
}

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #A4F4F9,
        #FBF7F7
    );
}

// SCSS variable
$waterspout: #A4F4F9;

// With RGB channels (useful for rgba() usage)
$waterspout-r: 164;
$waterspout-g: 244;
$waterspout-b: 249;

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