Admiral Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Admiral Blue (#50647F), each snapped to its nearest named color.

#50647F

#7B8EB0

#836B4F

#544333

#B29E81

Color names and codes

Name	HEX	RGB	HSL	CMYK
Admiral Blue	`#50647F`	80, 100, 127	214°, 23%, 41%	37, 21, 0, 50
Ashton Skies	`#7B8EB0`	123, 142, 176	218°, 25%, 59%	30, 19, 0, 31
Ermine	`#836B4F`	131, 107, 79	32°, 25%, 41%	0, 18, 40, 49
Old Treasure Chest	`#544333`	84, 67, 51	29°, 24%, 26%	0, 20, 39, 67
Silestone	`#B29E81`	178, 158, 129	36°, 24%, 60%	0, 11, 28, 30

Which pairs work for text

Text on background	Contrast	WCAG
Aa #544333 on #B29E81	3.64:1	AA large
Aa #7B8EB0 on #544333	2.85:1	—
Aa #50647F on #B29E81	2.33:1	—
Aa #836B4F on #B29E81	1.94:1	—
Aa #836B4F on #544333	1.88:1	—
Aa #50647F on #7B8EB0	1.83:1	—

CSS variables

:root {
  --color-1: #50647f; /* Admiral Blue */
  --color-2: #7b8eb0; /* Ashton Skies */
  --color-3: #836b4f; /* Ermine */
  --color-4: #544333; /* Old Treasure Chest */
  --color-5: #b29e81; /* Silestone */
}

Other schemes from Admiral Blue

More Medium Blue complementary palettes

Questions

What colors go with Admiral Blue?

In a complementary scheme: Ashton Skies (#7B8EB0), Ermine (#836B4F), Old Treasure Chest (#544333), Silestone (#B29E81).

What is the hex code of Admiral Blue?

#50647F.