Huebook

Graphite Analogous Color Scheme

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

#3C2727
#3E2B23
#383428
#393D2A
#2C3D28

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Night Red#3C272760, 39, 390°, 21%, 19%0, 35, 35, 7629.8% 0.032 19
English Walnut#3E2B2362, 43, 3518°, 28%, 19%0, 31, 44, 7630.9% 0.032 44
Graphite#38342856, 52, 4045°, 17%, 19%0, 7, 29, 7832.5% 0.021 92
Green Kelp#393D2A57, 61, 4273°, 18%, 20%7, 0, 31, 7635.0% 0.032 118
Gothic Horror#2C3D2844, 61, 40109°, 21%, 20%28, 0, 34, 7633.9% 0.042 140

Which pairs work for text

Text on backgroundContrastWCAG
Aa #3C2727 on #393D2A1.24:1—
Aa #3C2727 on #2C3D281.19:1—
Aa #3E2B23 on #393D2A1.19:1—
Aa #3E2B23 on #2C3D281.15:1—
Aa #3C2727 on #3834281.12:1—
Aa #383428 on #393D2A1.11:1—

CSS variables

:root {
  --color-1: #3c2727; /* Night Red */
  --color-2: #3e2b23; /* English Walnut */
  --color-3: #383428; /* Graphite */
  --color-4: #393d2a; /* Green Kelp */
  --color-5: #2c3d28; /* Gothic Horror */
}

Other schemes from Graphite

More very dark yellow analogous color schemes

Questions

What colors go with Graphite?

In a analogous scheme: Night Red (#3C2727), English Walnut (#3E2B23), Green Kelp (#393D2A), Gothic Horror (#2C3D28).

What is the hex code of Graphite?

#383428.