Huebook

Blustering Blue Analogous Color Scheme

Five colors arranged by the analogous rule around Blustering Blue (#4411FF), each snapped to its nearest named color.

#04CDFF
#1155FF
#4411FF
#BB11FF
#FC0FC0

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Tropical Turquoise#04CDFF4, 205, 255192°, 100%, 51%98, 20, 0, 078.8% 0.147 224
Light Shōjin Blue#1155FF17, 85, 255223°, 100%, 53%93, 67, 0, 053.5% 0.258 263
Blustering Blue#4411FF68, 17, 255253°, 100%, 53%73, 93, 0, 048.2% 0.296 275
Hunky Hummingbird#BB11FF187, 17, 255283°, 100%, 53%27, 93, 0, 060.7% 0.298 312
CGA Pink#FC0FC0252, 15, 192315°, 98%, 52%0, 94, 24, 166.6% 0.281 343

Which pairs work for text

Text on backgroundContrastWCAG
Aa #04CDFF on #4411FF4.04:1AA large
Aa #04CDFF on #1155FF2.97:1—
Aa #04CDFF on #BB11FF2.41:1—
Aa #4411FF on #FC0FC02.15:1—
Aa #04CDFF on #FC0FC01.87:1—
Aa #4411FF on #BB11FF1.67:1—

CSS variables

:root {
  --color-1: #04cdff; /* Tropical Turquoise */
  --color-2: #1155ff; /* Light Shōjin Blue */
  --color-3: #4411ff; /* Blustering Blue */
  --color-4: #bb11ff; /* Hunky Hummingbird */
  --color-5: #fc0fc0; /* CGA Pink */
}

Other schemes from Blustering Blue

More medium blue analogous color schemes

Questions

What colors go with Blustering Blue?

In a analogous scheme: Tropical Turquoise (#04CDFF), Light Shōjin Blue (#1155FF), Hunky Hummingbird (#BB11FF), CGA Pink (#FC0FC0).

What is the hex code of Blustering Blue?

#4411FF.