Asphalt Complementary Color Scheme

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

#130A06

#552C1C

#0B0F1A

#174C60

Color names and codes

Name	HEX	RGB	HSL	CMYK
Asphalt	`#130A06`	19, 10, 6	18°, 52%, 5%	0, 47, 68, 93
Boson Brown	`#552C1C`	85, 44, 28	17°, 50%, 22%	0, 48, 67, 67
Nyctophobia	`#0B0F1A`	11, 15, 26	224°, 41%, 7%	58, 42, 0, 90
Nyctophobia	`#0B0F1A`	11, 15, 26	224°, 41%, 7%	58, 42, 0, 90
Lazurite Blue	`#174C60`	23, 76, 96	196°, 61%, 23%	76, 21, 0, 62

Which pairs work for text

Text on background	Contrast	WCAG
Aa #130A06 on #174C60	2.09:1	—
Aa #0B0F1A on #174C60	2.04:1	—
Aa #0B0F1A on #174C60	2.04:1	—
Aa #130A06 on #552C1C	1.64:1	—
Aa #552C1C on #0B0F1A	1.61:1	—
Aa #552C1C on #0B0F1A	1.61:1	—

CSS variables

:root {
  --color-1: #130a06; /* Asphalt */
  --color-2: #552c1c; /* Boson Brown */
  --color-3: #0b0f1a; /* Nyctophobia */
  --color-4: #0b0f1a; /* Nyctophobia */
  --color-5: #174c60; /* Lazurite Blue */
}

Other schemes from Asphalt

More Black complementary palettes

Questions

What colors go with Asphalt?

In a complementary scheme: Boson Brown (#552C1C), Nyctophobia (#0B0F1A), Nyctophobia (#0B0F1A), Lazurite Blue (#174C60).

What is the hex code of Asphalt?

#130A06.