Huebook

Lilac Lotion Analogous Color Scheme

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

#AA33EE
#FF33EE
#FF3388
#FF4433
#FFAA33

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Sweet Desire#AA33EE170, 51, 238278°, 85%, 57%29, 79, 0, 758.9% 0.261 309
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

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AA33EE on #FFAA332.50:1—
Aa #FF3388 on #FFAA331.82:1—
Aa #FF4433 on #FFAA331.80:1—
Aa #FF33EE on #FFAA331.59:1—
Aa #AA33EE on #FF33EE1.58:1—
Aa #AA33EE on #FF44331.39:1—

CSS variables

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

Other schemes from Lilac Lotion

More light pink analogous color schemes

Questions

What colors go with Lilac Lotion?

In a analogous scheme: Sweet Desire (#AA33EE), Lurid Pink (#FF33EE), Hotspot (#FF4433), Bee Cluster (#FFAA33).

What is the hex code of Lilac Lotion?

#FF3388.