Cobalt Complementary Color Scheme

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

#030AA7

#021BF9

#A4A404

#555500

#FFEF17

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cobalt	`#030AA7`	3, 10, 167	237°, 96%, 33%	98, 94, 0, 35
Rich Blue	`#021BF9`	2, 27, 249	234°, 98%, 49%	99, 89, 0, 2
Countryside	`#A4A404`	164, 164, 4	60°, 95%, 33%	0, 0, 98, 36
Douro	`#555500`	85, 85, 0	60°, 100%, 17%	0, 0, 100, 67
Marsh Marigold	`#FFEF17`	255, 239, 23	56°, 100%, 55%	0, 6, 91, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #030AA7 on #FFEF17	10.97:1	AAA
Aa #021BF9 on #FFEF17	6.97:1	AA
Aa #555500 on #FFEF17	6.56:1	AA
Aa #030AA7 on #A4A404	4.92:1	AA
Aa #021BF9 on #A4A404	3.12:1	AA large
Aa #A4A404 on #555500	2.94:1	—

CSS variables

:root {
  --color-1: #030aa7; /* Cobalt */
  --color-2: #021bf9; /* Rich Blue */
  --color-3: #a4a404; /* Countryside */
  --color-4: #555500; /* Douro */
  --color-5: #ffef17; /* Marsh Marigold */
}

Other schemes from Cobalt

More Dark Blue complementary palettes

Questions

What colors go with Cobalt?

In a complementary scheme: Rich Blue (#021BF9), Countryside (#A4A404), Douro (#555500), Marsh Marigold (#FFEF17).

What is the hex code of Cobalt?

#030AA7.