Genie Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Genie (#3E4364), each snapped to its nearest named color.

#0B0C14

#222233

#3E4364

#5D6098

#8C8EB2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Midnight Oil	`#0B0C14`	11, 12, 20	233°, 29%, 6%	45, 40, 0, 92
Black Velvet	`#222233`	34, 34, 51	240°, 20%, 17%	33, 33, 0, 80
Genie	`#3E4364`	62, 67, 100	232°, 23%, 32%	38, 33, 0, 61
Wizard’s Potion	`#5D6098`	93, 96, 152	237°, 24%, 48%	39, 37, 0, 40
Persian Violet	`#8C8EB2`	140, 142, 178	237°, 20%, 62%	21, 20, 0, 30

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0B0C14 on #8C8EB2	6.15:1	AA
Aa #222233 on #8C8EB2	4.93:1	AA
Aa #0B0C14 on #5D6098	3.34:1	AA large
Aa #3E4364 on #8C8EB2	3.02:1	AA large
Aa #222233 on #5D6098	2.67:1	—
Aa #0B0C14 on #3E4364	2.04:1	—

CSS variables

:root {
  --color-1: #0b0c14; /* Midnight Oil */
  --color-2: #222233; /* Black Velvet */
  --color-3: #3e4364; /* Genie */
  --color-4: #5d6098; /* Wizard’s Potion */
  --color-5: #8c8eb2; /* Persian Violet */
}

Other schemes from Genie

More Dark Blue monochromatic palettes

Questions

What colors go with Genie?

In a monochromatic scheme: Midnight Oil (#0B0C14), Black Velvet (#222233), Wizard’s Potion (#5D6098), Persian Violet (#8C8EB2).

What is the hex code of Genie?

#3E4364.