Kabul Complementary Color Scheme

Five colors arranged by the complementary rule around Kabul (#6C5E53), each snapped to its nearest named color.

#6C5E53

#AB8C72

#486275

#2D3A49

#7595AB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Kabul	`#6C5E53`	108, 94, 83	26°, 13%, 37%	0, 13, 23, 58
Roasted Coconut	`#AB8C72`	171, 140, 114	27°, 25%, 56%	0, 18, 33, 33
Scenic Blue	`#486275`	72, 98, 117	205°, 24%, 37%	38, 16, 0, 54
Ship’s Officer	`#2D3A49`	45, 58, 73	212°, 24%, 23%	38, 21, 0, 71
American Anthem	`#7595AB`	117, 149, 171	204°, 24%, 56%	32, 13, 0, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AB8C72 on #2D3A49	3.71:1	AA large
Aa #2D3A49 on #7595AB	3.66:1	AA large
Aa #AB8C72 on #486275	2.05:1	—
Aa #486275 on #7595AB	2.03:1	—
Aa #6C5E53 on #AB8C72	2.00:1	—
Aa #6C5E53 on #7595AB	1.98:1	—

CSS variables

:root {
  --color-1: #6c5e53; /* Kabul */
  --color-2: #ab8c72; /* Roasted Coconut */
  --color-3: #486275; /* Scenic Blue */
  --color-4: #2d3a49; /* Ship’s Officer */
  --color-5: #7595ab; /* American Anthem */
}

Other schemes from Kabul

More Dark Orange complementary palettes

Questions

What colors go with Kabul?

In a complementary scheme: Roasted Coconut (#AB8C72), Scenic Blue (#486275), Ship’s Officer (#2D3A49), American Anthem (#7595AB).

What is the hex code of Kabul?

#6C5E53.