Cola Complementary Color Scheme

Five colors arranged by the complementary rule around Cola (#3C2F23), each snapped to its nearest named color.

#3C2F23

#775C47

#24313D

#0B0C14

#4A657A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cola	`#3C2F23`	60, 47, 35	29°, 26%, 19%	0, 22, 42, 76
Mission Brown	`#775C47`	119, 92, 71	26°, 25%, 37%	0, 23, 40, 53
Blue-Black	`#24313D`	36, 49, 61	209°, 26%, 19%	41, 20, 0, 76
Midnight Oil	`#0B0C14`	11, 12, 20	233°, 29%, 6%	45, 40, 0, 92
Gloomy Sea	`#4A657A`	74, 101, 122	206°, 24%, 38%	39, 17, 0, 52

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0B0C14 on #4A657A	3.19:1	AA large
Aa #775C47 on #0B0C14	3.16:1	AA large
Aa #24313D on #4A657A	2.17:1	—
Aa #775C47 on #24313D	2.15:1	—
Aa #3C2F23 on #4A657A	2.12:1	—
Aa #3C2F23 on #775C47	2.10:1	—

CSS variables

:root {
  --color-1: #3c2f23; /* Cola */
  --color-2: #775c47; /* Mission Brown */
  --color-3: #24313d; /* Blue-Black */
  --color-4: #0b0c14; /* Midnight Oil */
  --color-5: #4a657a; /* Gloomy Sea */
}

Other schemes from Cola

More Very Dark Orange complementary palettes

Questions

What colors go with Cola?

In a complementary scheme: Mission Brown (#775C47), Blue-Black (#24313D), Midnight Oil (#0B0C14), Gloomy Sea (#4A657A).

What is the hex code of Cola?

#3C2F23.