Huebook

Neptune’s Realm Complementary Color Scheme

Five colors arranged by the complementary rule around Neptune’s Realm (#97C0D1), each snapped to its nearest named color.

#97C0D1
#D7E6EE
#CFA798
#BA7A61
#F0E3DF

Color names and codes

NameHEXRGBHSLCMYK
Neptune’s Realm#97C0D1151, 192, 209198°, 39%, 71%28, 8, 0, 18
Dream Blue#D7E6EE215, 230, 238201°, 40%, 89%10, 3, 0, 7
Pink Ginger#CFA798207, 167, 15216°, 36%, 70%0, 19, 27, 19
Autumn’s Hill#BA7A61186, 122, 9717°, 39%, 55%0, 34, 48, 27
Rosa Vieja#F0E3DF240, 227, 22314°, 36%, 91%0, 5, 7, 6

Which pairs work for text

Text on backgroundContrastWCAG
Aa #BA7A61 on #F0E3DF2.77:1—
Aa #D7E6EE on #BA7A612.72:1—
Aa #97C0D1 on #BA7A611.78:1—
Aa #CFA798 on #F0E3DF1.74:1—
Aa #D7E6EE on #CFA7981.71:1—
Aa #CFA798 on #BA7A611.59:1—

CSS variables

:root {
  --color-1: #97c0d1; /* Neptune’s Realm */
  --color-2: #d7e6ee; /* Dream Blue */
  --color-3: #cfa798; /* Pink Ginger */
  --color-4: #ba7a61; /* Autumn’s Hill */
  --color-5: #f0e3df; /* Rosa Vieja */
}

Other schemes from Neptune’s Realm

More Light Blue complementary palettes

Questions

What colors go with Neptune’s Realm?

In a complementary scheme: Dream Blue (#D7E6EE), Pink Ginger (#CFA798), Autumn’s Hill (#BA7A61), Rosa Vieja (#F0E3DF).

What is the hex code of Neptune’s Realm?

#97C0D1.