Hairy Heath Complementary Color Scheme

Five colors arranged by the complementary rule around Hairy Heath (#633528), each snapped to its nearest named color.

#633528

#A05843

#2C5463

#0F282F

#4598AB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hairy Heath	`#633528`	99, 53, 40	13°, 42%, 27%	0, 46, 60, 61
Ceramic Brown	`#A05843`	160, 88, 67	14°, 41%, 45%	0, 45, 58, 37
Glitch	`#2C5463`	44, 84, 99	196°, 38%, 28%	56, 15, 0, 61
Black Box	`#0F282F`	15, 40, 47	193°, 52%, 12%	68, 15, 0, 82
Alpine Lake	`#4598AB`	69, 152, 171	191°, 43%, 47%	60, 11, 0, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0F282F on #4598AB	4.64:1	AA
Aa #633528 on #4598AB	3.06:1	AA large
Aa #A05843 on #0F282F	2.91:1	—
Aa #2C5463 on #4598AB	2.48:1	—
Aa #633528 on #A05843	1.92:1	—
Aa #2C5463 on #0F282F	1.87:1	—

CSS variables

:root {
  --color-1: #633528; /* Hairy Heath */
  --color-2: #a05843; /* Ceramic Brown */
  --color-3: #2c5463; /* Glitch */
  --color-4: #0f282f; /* Black Box */
  --color-5: #4598ab; /* Alpine Lake */
}

Other schemes from Hairy Heath

More Dark Red complementary palettes

Questions

What colors go with Hairy Heath?

In a complementary scheme: Ceramic Brown (#A05843), Glitch (#2C5463), Black Box (#0F282F), Alpine Lake (#4598AB).

What is the hex code of Hairy Heath?

#633528.