Huebook

Imperial Analogous Color Scheme

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

#323B6C
#432E6F
#602F6B
#692B57
#6A2E36

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Spirit Blue#323B6C50, 59, 108231°, 37%, 31%54, 45, 0, 5837.0% 0.085 274
Her Highness#432E6F67, 46, 111259°, 41%, 31%40, 59, 0, 5636.1% 0.108 295
Imperial#602F6B96, 47, 107289°, 39%, 30%10, 56, 0, 5839.6% 0.111 320
Velvet Mauve#692B57105, 43, 87317°, 42%, 29%0, 59, 17, 5939.2% 0.106 340
Lovestruck#6A2E36106, 46, 54352°, 39%, 30%0, 57, 49, 5838.6% 0.086 14

Which pairs work for text

Text on backgroundContrastWCAG
Aa #432E6F on #602F6B1.14:1—
Aa #432E6F on #692B571.12:1—
Aa #432E6F on #6A2E361.11:1—
Aa #323B6C on #602F6B1.07:1—
Aa #323B6C on #432E6F1.06:1—
Aa #323B6C on #692B571.05:1—

CSS variables

:root {
  --color-1: #323b6c; /* Spirit Blue */
  --color-2: #432e6f; /* Her Highness */
  --color-3: #602f6b; /* Imperial */
  --color-4: #692b57; /* Velvet Mauve */
  --color-5: #6a2e36; /* Lovestruck */
}

Other schemes from Imperial

More dark purple analogous color schemes

Questions

What colors go with Imperial?

In a analogous scheme: Spirit Blue (#323B6C), Her Highness (#432E6F), Velvet Mauve (#692B57), Lovestruck (#6A2E36).

What is the hex code of Imperial?

#602F6B.