Huebook

Hotspot Analogous Color Scheme

Five colors arranged by the analogous rule around Hotspot (#FF4433), each snapped to its nearest named color.

#FF33EE
#FF3388
#FF4433
#FFAA33
#EEFF33

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Lurid Pink#FF33EE255, 51, 238305°, 100%, 60%0, 80, 7, 070.7% 0.292 332
Lilac Lotion#FF3388255, 51, 136335°, 100%, 60%0, 80, 47, 066.5% 0.241 2
Hotspot#FF4433255, 68, 515°, 100%, 60%0, 73, 80, 066.2% 0.225 30
Bee Cluster#FFAA33255, 170, 5135°, 100%, 60%0, 33, 80, 080.3% 0.159 70
Pickled Pineapple#EEFF33238, 255, 5165°, 100%, 60%7, 0, 80, 095.6% 0.205 115

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF3388 on #EEFF333.12:1AA large
Aa #FF4433 on #EEFF333.10:1AA large
Aa #FF33EE on #EEFF332.73:1—
Aa #FF3388 on #FFAA331.82:1—
Aa #FF4433 on #FFAA331.80:1—
Aa #FFAA33 on #EEFF331.72:1—

CSS variables

:root {
  --color-1: #ff33ee; /* Lurid Pink */
  --color-2: #ff3388; /* Lilac Lotion */
  --color-3: #ff4433; /* Hotspot */
  --color-4: #ffaa33; /* Bee Cluster */
  --color-5: #eeff33; /* Pickled Pineapple */
}

Other schemes from Hotspot

More light red analogous color schemes

Questions

What colors go with Hotspot?

In a analogous scheme: Lurid Pink (#FF33EE), Lilac Lotion (#FF3388), Bee Cluster (#FFAA33), Pickled Pineapple (#EEFF33).

What is the hex code of Hotspot?

#FF4433.