Huebook

After Dark Triadic Color Scheme

Five colors arranged by the triadic rule around After Dark (#3C3535), each snapped to its nearest named color.

#3C3535
#36482F
#282A4A
#875251
#0F180A

Color names and codes

NameHEXRGBHSLCMYK
After Dark#3C353560, 53, 530°, 6%, 22%0, 12, 12, 76
Palm Leaf#36482F54, 72, 47103°, 21%, 23%25, 0, 35, 72
Royal Curtsy#282A4A40, 42, 74236°, 30%, 22%46, 43, 0, 71
New Roof#875251135, 82, 811°, 25%, 42%0, 39, 40, 47
Pinch of Pepper#0F180A15, 24, 1099°, 41%, 7%37, 0, 58, 91

Which pairs work for text

Text on backgroundContrastWCAG
Aa #875251 on #0F180A2.90:1—
Aa #282A4A on #8752512.21:1—
Aa #3C3535 on #8752511.91:1—
Aa #36482F on #0F180A1.84:1—
Aa #36482F on #8752511.58:1—
Aa #3C3535 on #0F180A1.52:1—

CSS variables

:root {
  --color-1: #3c3535; /* After Dark */
  --color-2: #36482f; /* Palm Leaf */
  --color-3: #282a4a; /* Royal Curtsy */
  --color-4: #875251; /* New Roof */
  --color-5: #0f180a; /* Pinch of Pepper */
}

Other schemes from After Dark

More Dark Gray triadic palettes

Questions

What colors go with After Dark?

In a triadic scheme: Palm Leaf (#36482F), Royal Curtsy (#282A4A), New Roof (#875251), Pinch of Pepper (#0F180A).

What is the hex code of After Dark?

#3C3535.