Storm Complementary Color Scheme

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

#000B44

#0018A8

#443300

#1F180A

#AB9004

Color names and codes

Name	HEX	RGB	HSL	CMYK
Storm	`#000B44`	0, 11, 68	230°, 100%, 13%	100, 84, 0, 73
Dark Galaxy	`#0018A8`	0, 24, 168	231°, 100%, 33%	100, 86, 0, 34
Night in the Woods	`#443300`	68, 51, 0	45°, 100%, 13%	0, 25, 100, 73
Noir Mystique	`#1F180A`	31, 24, 10	40°, 51%, 8%	0, 23, 68, 88
Bark Sawdust	`#AB9004`	171, 144, 4	50°, 95%, 34%	0, 16, 98, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #000B44 on #AB9004	5.94:1	AA
Aa #1F180A on #AB9004	5.63:1	AA
Aa #0018A8 on #AB9004	3.96:1	AA large
Aa #443300 on #AB9004	3.91:1	AA large
Aa #000B44 on #443300	1.52:1	—
Aa #000B44 on #0018A8	1.50:1	—

CSS variables

:root {
  --color-1: #000b44; /* Storm */
  --color-2: #0018a8; /* Dark Galaxy */
  --color-3: #443300; /* Night in the Woods */
  --color-4: #1f180a; /* Noir Mystique */
  --color-5: #ab9004; /* Bark Sawdust */
}

Other schemes from Storm

More Very Dark Blue complementary palettes

Questions

What colors go with Storm?

In a complementary scheme: Dark Galaxy (#0018A8), Night in the Woods (#443300), Noir Mystique (#1F180A), Bark Sawdust (#AB9004).

What is the hex code of Storm?

#000B44.