Burnt Coffee Complementary Color Scheme

Five colors arranged by the complementary rule around Burnt Coffee (#271B10), each snapped to its nearest named color.

#271B10

#69482A

#181B26

#0B0F1A

#2E526A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Burnt Coffee	`#271B10`	39, 27, 16	29°, 42%, 11%	0, 31, 59, 85
Hickory Chips	`#69482A`	105, 72, 42	29°, 43%, 29%	0, 31, 60, 59
Coarse Wool	`#181B26`	24, 27, 38	227°, 23%, 12%	37, 29, 0, 85
Nyctophobia	`#0B0F1A`	11, 15, 26	224°, 41%, 7%	58, 42, 0, 90
Ocean Trapeze	`#2E526A`	46, 82, 106	204°, 39%, 30%	57, 23, 0, 58

Which pairs work for text

Text on background	Contrast	WCAG
Aa #69482A on #0B0F1A	2.33:1	—
Aa #0B0F1A on #2E526A	2.31:1	—
Aa #69482A on #181B26	2.09:1	—
Aa #181B26 on #2E526A	2.07:1	—
Aa #271B10 on #69482A	2.05:1	—
Aa #271B10 on #2E526A	2.02:1	—

CSS variables

:root {
  --color-1: #271b10; /* Burnt Coffee */
  --color-2: #69482a; /* Hickory Chips */
  --color-3: #181b26; /* Coarse Wool */
  --color-4: #0b0f1a; /* Nyctophobia */
  --color-5: #2e526a; /* Ocean Trapeze */
}

Other schemes from Burnt Coffee

More Very Dark Orange complementary palettes

Questions

What colors go with Burnt Coffee?

In a complementary scheme: Hickory Chips (#69482A), Coarse Wool (#181B26), Nyctophobia (#0B0F1A), Ocean Trapeze (#2E526A).

What is the hex code of Burnt Coffee?

#271B10.