Citadel Complementary Color Scheme

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

#6A7F8B

#93AEBC

#97725F

#6C4F3F

#C3A998

Color names and codes

Name	HEX	RGB	HSL	CMYK
Citadel	`#6A7F8B`	106, 127, 139	202°, 13%, 48%	24, 9, 0, 45
Showcase Blue	`#93AEBC`	147, 174, 188	200°, 23%, 66%	22, 7, 0, 26
Tangara	`#97725F`	151, 114, 95	20°, 23%, 48%	0, 25, 37, 41
Spice	`#6C4F3F`	108, 79, 63	21°, 26%, 34%	0, 27, 42, 58
Adobe Straw	`#C3A998`	195, 169, 152	24°, 26%, 68%	0, 13, 22, 24

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6C4F3F on #C3A998	3.34:1	AA large
Aa #93AEBC on #6C4F3F	3.19:1	AA large
Aa #97725F on #C3A998	1.93:1	—
Aa #6A7F8B on #C3A998	1.88:1	—
Aa #93AEBC on #97725F	1.85:1	—
Aa #6A7F8B on #93AEBC	1.80:1	—

CSS variables

:root {
  --color-1: #6a7f8b; /* Citadel */
  --color-2: #93aebc; /* Showcase Blue */
  --color-3: #97725f; /* Tangara */
  --color-4: #6c4f3f; /* Spice */
  --color-5: #c3a998; /* Adobe Straw */
}

Other schemes from Citadel

More Medium Blue complementary palettes

Questions

What colors go with Citadel?

In a complementary scheme: Showcase Blue (#93AEBC), Tangara (#97725F), Spice (#6C4F3F), Adobe Straw (#C3A998).

What is the hex code of Citadel?

#6A7F8B.