Asphalt Tetradic Color Scheme

Five colors arranged by the tetradic rule around Asphalt (#130A06), each snapped to its nearest named color.

#130A06

#0F180A

#0B0F1A

#180614

#61311C

Color names and codes

Name	HEX	RGB	HSL	CMYK
Asphalt	`#130A06`	19, 10, 6	18°, 52%, 5%	0, 47, 68, 93
Pinch of Pepper	`#0F180A`	15, 24, 10	99°, 41%, 7%	37, 0, 58, 91
Nyctophobia	`#0B0F1A`	11, 15, 26	224°, 41%, 7%	58, 42, 0, 90
Crow	`#180614`	24, 6, 20	313°, 60%, 6%	0, 75, 17, 91
Overbaked	`#61311C`	97, 49, 28	18°, 55%, 25%	0, 49, 71, 62

Which pairs work for text

Text on background	Contrast	WCAG
Aa #130A06 on #61311C	1.83:1	—
Aa #180614 on #61311C	1.83:1	—
Aa #0B0F1A on #61311C	1.79:1	—
Aa #0F180A on #61311C	1.70:1	—
Aa #130A06 on #0F180A	1.08:1	—
Aa #0F180A on #180614	1.07:1	—

CSS variables

:root {
  --color-1: #130a06; /* Asphalt */
  --color-2: #0f180a; /* Pinch of Pepper */
  --color-3: #0b0f1a; /* Nyctophobia */
  --color-4: #180614; /* Crow */
  --color-5: #61311c; /* Overbaked */
}

Other schemes from Asphalt

More Black tetradic palettes

Questions

What colors go with Asphalt?

In a tetradic scheme: Pinch of Pepper (#0F180A), Nyctophobia (#0B0F1A), Crow (#180614), Overbaked (#61311C).

What is the hex code of Asphalt?

#130A06.