Walnut Complementary Color Scheme

Five colors arranged by the complementary rule around Walnut (#773F1A), each snapped to its nearest named color.

#773F1A

#C7662A

#145775

#0A2538

#268BCC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Walnut	`#773F1A`	119, 63, 26	24°, 64%, 28%	0, 47, 78, 53
Chivalrous Fox	`#C7662A`	199, 102, 42	23°, 65%, 47%	0, 49, 79, 22
Broadway	`#145775`	20, 87, 117	199°, 71%, 27%	83, 26, 0, 54
Celestial Canvas	`#0A2538`	10, 37, 56	205°, 70%, 13%	82, 34, 0, 78
Ticino Blue	`#268BCC`	38, 139, 204	203°, 69%, 47%	81, 32, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0A2538 on #268BCC	4.23:1	AA large
Aa #C7662A on #0A2538	4.02:1	AA large
Aa #773F1A on #268BCC	2.25:1	—
Aa #773F1A on #C7662A	2.14:1	—
Aa #145775 on #268BCC	2.13:1	—
Aa #C7662A on #145775	2.02:1	—

CSS variables

:root {
  --color-1: #773f1a; /* Walnut */
  --color-2: #c7662a; /* Chivalrous Fox */
  --color-3: #145775; /* Broadway */
  --color-4: #0a2538; /* Celestial Canvas */
  --color-5: #268bcc; /* Ticino Blue */
}

Other schemes from Walnut

More Dark Orange complementary palettes

Questions

What colors go with Walnut?

In a complementary scheme: Chivalrous Fox (#C7662A), Broadway (#145775), Celestial Canvas (#0A2538), Ticino Blue (#268BCC).

What is the hex code of Walnut?

#773F1A.