Huebook

Meteor Shower Analogous Color Scheme

Five colors arranged by the analogous rule around Meteor Shower (#5533FF), each snapped to its nearest named color.

#22DDFF
#2C75FF
#5533FF
#BF3CFF
#FF33CC

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Vaporwave Blue#22DDFF34, 221, 255189°, 100%, 57%87, 13, 0, 082.7% 0.141 215
Hailey Blue#2C75FF44, 117, 255219°, 100%, 59%83, 54, 0, 059.9% 0.218 262
Meteor Shower#5533FF85, 51, 255250°, 100%, 60%67, 80, 0, 051.7% 0.275 278
Magento#BF3CFF191, 60, 255280°, 100%, 62%25, 76, 0, 063.5% 0.273 311
Razzle Dazzle Rose#FF33CC255, 51, 204315°, 100%, 60%0, 80, 20, 069.0% 0.271 341

Which pairs work for text

Text on backgroundContrastWCAG
Aa #22DDFF on #5533FF3.89:1AA large
Aa #22DDFF on #2C75FF2.52:1—
Aa #22DDFF on #BF3CFF2.42:1—
Aa #5533FF on #FF33CC2.00:1—
Aa #22DDFF on #FF33CC1.95:1—
Aa #5533FF on #BF3CFF1.61:1—

CSS variables

:root {
  --color-1: #22ddff; /* Vaporwave Blue */
  --color-2: #2c75ff; /* Hailey Blue */
  --color-3: #5533ff; /* Meteor Shower */
  --color-4: #bf3cff; /* Magento */
  --color-5: #ff33cc; /* Razzle Dazzle Rose */
}

Other schemes from Meteor Shower

More light blue analogous color schemes

Questions

What colors go with Meteor Shower?

In a analogous scheme: Vaporwave Blue (#22DDFF), Hailey Blue (#2C75FF), Magento (#BF3CFF), Razzle Dazzle Rose (#FF33CC).

What is the hex code of Meteor Shower?

#5533FF.