Noir Triadic Color Scheme

Five colors arranged by the triadic rule around Noir (#312B27), each snapped to its nearest named color.

#312B27

#20392C

#2C2133

#775C47

#0F1012

Color names and codes

Name	HEX	RGB	HSL	CMYK
Noir	`#312B27`	49, 43, 39	24°, 11%, 17%	0, 12, 20, 81
Palm Green	`#20392C`	32, 57, 44	149°, 28%, 17%	44, 0, 23, 78
Bleached Cedar	`#2C2133`	44, 33, 51	277°, 21%, 16%	14, 35, 0, 80
Mission Brown	`#775C47`	119, 92, 71	26°, 25%, 37%	0, 23, 40, 53
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93

Which pairs work for text

Text on background	Contrast	WCAG
Aa #775C47 on #0F1012	3.09:1	AA large
Aa #2C2133 on #775C47	2.48:1	—
Aa #312B27 on #775C47	2.26:1	—
Aa #20392C on #775C47	2.02:1	—
Aa #20392C on #0F1012	1.53:1	—
Aa #312B27 on #0F1012	1.36:1	—

CSS variables

:root {
  --color-1: #312b27; /* Noir */
  --color-2: #20392c; /* Palm Green */
  --color-3: #2c2133; /* Bleached Cedar */
  --color-4: #775c47; /* Mission Brown */
  --color-5: #0f1012; /* Ruined Smores */
}

Other schemes from Noir

More Very Dark Gray triadic palettes

Questions

What colors go with Noir?

In a triadic scheme: Palm Green (#20392C), Bleached Cedar (#2C2133), Mission Brown (#775C47), Ruined Smores (#0F1012).

What is the hex code of Noir?

#312B27.