Coco’s Black Analogous Color Scheme

Five colors arranged by the analogous rule around Coco’s Black (#1C1C1A), each snapped to its nearest named color.

#231712

#281A14

#1C1C1A

#172713

#112211

Color names and codes

Name	HEX	RGB	HSL	CMYK
Used Oil	`#231712`	35, 23, 18	18°, 32%, 10%	0, 34, 49, 86
Tetsu-Guro Black	`#281A14`	40, 26, 20	18°, 33%, 12%	0, 35, 50, 84
Coco’s Black	`#1C1C1A`	28, 28, 26	60°, 4%, 11%	0, 0, 7, 89
Deep Slate Olive	`#172713`	23, 39, 19	108°, 34%, 11%	41, 0, 51, 85
Nightmare	`#112211`	17, 34, 17	120°, 33%, 10%	50, 0, 50, 87

Which pairs work for text

Text on background	Contrast	WCAG
Aa #231712 on #172713	1.11:1	—
Aa #1C1C1A on #172713	1.09:1	—
Aa #281A14 on #172713	1.07:1	—
Aa #172713 on #112211	1.06:1	—
Aa #231712 on #112211	1.05:1	—
Aa #231712 on #281A14	1.04:1	—

CSS variables

:root {
  --color-1: #231712; /* Used Oil */
  --color-2: #281a14; /* Tetsu-Guro Black */
  --color-3: #1c1c1a; /* Coco’s Black */
  --color-4: #172713; /* Deep Slate Olive */
  --color-5: #112211; /* Nightmare */
}

Other schemes from Coco’s Black

More Black analogous palettes

Questions

What colors go with Coco’s Black?

In a analogous scheme: Used Oil (#231712), Tetsu-Guro Black (#281A14), Deep Slate Olive (#172713), Nightmare (#112211).

What is the hex code of Coco’s Black?

#1C1C1A.