Huebook

Twilight Analogous Color Scheme

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

#538B89
#4E7287
#4E518B
#6A5287
#8B4F90

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Evora#538B8983, 139, 137178°, 25%, 44%40, 0, 1, 4559.8% 0.059 193
Inky Blue#4E728778, 114, 135202°, 27%, 42%42, 16, 0, 4753.3% 0.053 235
Twilight#4E518B78, 81, 139237°, 28%, 43%44, 42, 0, 4546.0% 0.094 280
Zimidar#6A5287106, 82, 135267°, 24%, 43%21, 39, 0, 4748.5% 0.087 304
Cosmic Berry#8B4F90139, 79, 144295°, 29%, 44%3, 45, 0, 4452.2% 0.120 324

Which pairs work for text

Text on backgroundContrastWCAG
Aa #538B89 on #4E518B1.89:1—
Aa #538B89 on #6A52871.71:1—
Aa #538B89 on #8B4F901.50:1—
Aa #4E7287 on #4E518B1.42:1—
Aa #538B89 on #4E72871.33:1—
Aa #4E7287 on #6A52871.29:1—

CSS variables

:root {
  --color-1: #538b89; /* Evora */
  --color-2: #4e7287; /* Inky Blue */
  --color-3: #4e518b; /* Twilight */
  --color-4: #6a5287; /* Zimidar */
  --color-5: #8b4f90; /* Cosmic Berry */
}

Other schemes from Twilight

More medium blue analogous color schemes

Questions

What colors go with Twilight?

In a analogous scheme: Evora (#538B89), Inky Blue (#4E7287), Zimidar (#6A5287), Cosmic Berry (#8B4F90).

What is the hex code of Twilight?

#4E518B.