Smalt Complementary Color Scheme

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

#003399

#0058F8

#996600

#503000

#FFAA00

Color names and codes

Name	HEX	RGB	HSL	CMYK
Smalt	`#003399`	0, 51, 153	220°, 100%, 30%	100, 67, 0, 40
Megaman Helmet	`#0058F8`	0, 88, 248	219°, 100%, 49%	100, 65, 0, 3
Gamboge Brown	`#996600`	153, 102, 0	40°, 100%, 30%	0, 33, 100, 40
Kyoto House	`#503000`	80, 48, 0	36°, 100%, 16%	0, 40, 100, 69
Flash of Orange	`#FFAA00`	255, 170, 0	40°, 100%, 50%	0, 33, 100, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #503000 on #FFAA00	6.24:1	AA
Aa #003399 on #FFAA00	5.69:1	AA
Aa #0058F8 on #FFAA00	2.93:1	—
Aa #996600 on #FFAA00	2.59:1	—
Aa #996600 on #503000	2.41:1	—
Aa #003399 on #996600	2.20:1	—

CSS variables

:root {
  --color-1: #003399; /* Smalt */
  --color-2: #0058f8; /* Megaman Helmet */
  --color-3: #996600; /* Gamboge Brown */
  --color-4: #503000; /* Kyoto House */
  --color-5: #ffaa00; /* Flash of Orange */
}

Other schemes from Smalt

More Dark Blue complementary palettes

Questions

What colors go with Smalt?

In a complementary scheme: Megaman Helmet (#0058F8), Gamboge Brown (#996600), Kyoto House (#503000), Flash of Orange (#FFAA00).

What is the hex code of Smalt?

#003399.