Eclipse Analogous Color Scheme

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

#452E4A

#452E39

#3F3939

#4D3C2D

#4B492D

Color names and codes

Name	HEX	RGB	HSL	CMYK
Purple Pennant	`#452E4A`	69, 46, 74	289°, 23%, 24%	7, 38, 0, 71
Barossa	`#452E39`	69, 46, 57	331°, 20%, 23%	0, 33, 17, 73
Eclipse	`#3F3939`	63, 57, 57	0°, 5%, 24%	0, 10, 10, 75
Abbot	`#4D3C2D`	77, 60, 45	28°, 26%, 24%	0, 22, 42, 70
Tinny Tin	`#4B492D`	75, 73, 45	56°, 25%, 24%	0, 3, 40, 71

Which pairs work for text

Text on background	Contrast	WCAG
Aa #452E39 on #4B492D	1.34:1	—
Aa #452E4A on #4B492D	1.31:1	—
Aa #3F3939 on #4B492D	1.23:1	—
Aa #452E39 on #4D3C2D	1.17:1	—
Aa #452E4A on #4D3C2D	1.15:1	—
Aa #4D3C2D on #4B492D	1.15:1	—

CSS variables

:root {
  --color-1: #452e4a; /* Purple Pennant */
  --color-2: #452e39; /* Barossa */
  --color-3: #3f3939; /* Eclipse */
  --color-4: #4d3c2d; /* Abbot */
  --color-5: #4b492d; /* Tinny Tin */
}

Other schemes from Eclipse

More Dark Gray analogous palettes

Questions

What colors go with Eclipse?

In a analogous scheme: Purple Pennant (#452E4A), Barossa (#452E39), Abbot (#4D3C2D), Tinny Tin (#4B492D).

What is the hex code of Eclipse?

#3F3939.