Huebook

Neptune Analogous Color Scheme

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

#02AB2E
#00AA81
#007DAC
#0022AA
#3300AA

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Kelley Green#02AB2E2, 171, 46136°, 98%, 34%99, 0, 73, 3364.4% 0.202 145
Simply Green#00AA810, 170, 129166°, 100%, 33%100, 0, 24, 3365.5% 0.133 168
Neptune#007DAC0, 125, 172196°, 100%, 34%100, 27, 0, 3355.5% 0.116 234
City Hunter Blue#0022AA0, 34, 170228°, 100%, 33%100, 80, 0, 3336.2% 0.212 264
Sea Grape#3300AA51, 0, 170258°, 100%, 33%70, 100, 0, 3335.9% 0.219 279

Which pairs work for text

Text on backgroundContrastWCAG
Aa #00AA81 on #3300AA4.11:1AA large
Aa #02AB2E on #3300AA3.99:1AA large
Aa #00AA81 on #0022AA3.91:1AA large
Aa #02AB2E on #0022AA3.80:1AA large
Aa #007DAC on #3300AA2.63:1—
Aa #007DAC on #0022AA2.50:1—

CSS variables

:root {
  --color-1: #02ab2e; /* Kelley Green */
  --color-2: #00aa81; /* Simply Green */
  --color-3: #007dac; /* Neptune */
  --color-4: #0022aa; /* City Hunter Blue */
  --color-5: #3300aa; /* Sea Grape */
}

Other schemes from Neptune

More dark blue analogous color schemes

Questions

What colors go with Neptune?

In a analogous scheme: Kelley Green (#02AB2E), Simply Green (#00AA81), City Hunter Blue (#0022AA), Sea Grape (#3300AA).

What is the hex code of Neptune?

#007DAC.