Neptune Complementary Color Scheme

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

#007DAC

#00BBFF

#A93400

#661100

#FF5511

Color names and codes

Name	HEX	RGB	HSL	CMYK
Neptune	`#007DAC`	0, 125, 172	196°, 100%, 34%	100, 27, 0, 33
Hawaii Morning	`#00BBFF`	0, 187, 255	196°, 100%, 50%	100, 27, 0, 0
Burnt Sienna	`#A93400`	169, 52, 0	18°, 100%, 33%	0, 69, 100, 34
Cowpeas	`#661100`	102, 17, 0	10°, 100%, 20%	0, 83, 100, 60
Oil on Fire	`#FF5511`	255, 85, 17	17°, 100%, 53%	0, 67, 93, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00BBFF on #661100	5.81:1	AA
Aa #661100 on #FF5511	3.99:1	AA large
Aa #00BBFF on #A93400	3.01:1	AA large
Aa #007DAC on #661100	2.75:1	—
Aa #007DAC on #00BBFF	2.11:1	—
Aa #A93400 on #FF5511	2.06:1	—

CSS variables

:root {
  --color-1: #007dac; /* Neptune */
  --color-2: #00bbff; /* Hawaii Morning */
  --color-3: #a93400; /* Burnt Sienna */
  --color-4: #661100; /* Cowpeas */
  --color-5: #ff5511; /* Oil on Fire */
}

Other schemes from Neptune

More Dark Blue complementary palettes

Questions

What colors go with Neptune?

In a complementary scheme: Hawaii Morning (#00BBFF), Burnt Sienna (#A93400), Cowpeas (#661100), Oil on Fire (#FF5511).

What is the hex code of Neptune?

#007DAC.