Carbon Fibre Complementary Color Scheme

Five colors arranged by the complementary rule around Carbon Fibre (#2E2E2E), each snapped to its nearest named color.

#2E2E2E

#774645

#203838

#0F1012

#487A7B

Color names and codes

Name	HEX	RGB	HSL	CMYK
Carbon Fibre	`#2E2E2E`	46, 46, 46	0°, 0%, 18%	0, 0, 0, 82
Burnt Tile	`#774645`	119, 70, 69	1°, 27%, 37%	0, 41, 42, 53
Kōrainando Green	`#203838`	32, 56, 56	180°, 27%, 17%	43, 0, 0, 78
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Lucky Shamrock	`#487A7B`	72, 122, 123	181°, 26%, 38%	41, 1, 0, 52

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0F1012 on #487A7B	3.94:1	AA large
Aa #2E2E2E on #487A7B	2.81:1	—
Aa #203838 on #487A7B	2.58:1	—
Aa #774645 on #0F1012	2.49:1	—
Aa #2E2E2E on #774645	1.78:1	—
Aa #774645 on #203838	1.63:1	—

CSS variables

:root {
  --color-1: #2e2e2e; /* Carbon Fibre */
  --color-2: #774645; /* Burnt Tile */
  --color-3: #203838; /* Kōrainando Green */
  --color-4: #0f1012; /* Ruined Smores */
  --color-5: #487a7b; /* Lucky Shamrock */
}

Other schemes from Carbon Fibre

More Very Dark Gray complementary palettes

Questions

What colors go with Carbon Fibre?

In a complementary scheme: Burnt Tile (#774645), Kōrainando Green (#203838), Ruined Smores (#0F1012), Lucky Shamrock (#487A7B).

What is the hex code of Carbon Fibre?

#2E2E2E.