Huebook

Nautilus Tetradic Color Scheme

Five colors arranged by the tetradic rule around Nautilus (#273C5A), each snapped to its nearest named color.

#273C5A
#55295B
#5C4827
#2B5D34
#4467A7

Color names and codes

NameHEXRGBHSLCMYK
Nautilus#273C5A39, 60, 90215°, 40%, 25%57, 33, 0, 65
Kuwanomi Purple#55295B85, 41, 91293°, 38%, 26%7, 55, 0, 64
Nightingale#5C482792, 72, 3937°, 40%, 26%0, 22, 58, 64
Pine#2B5D3443, 93, 52131°, 37%, 27%54, 0, 44, 64
Indigo Batik#4467A768, 103, 167219°, 42%, 46%59, 38, 0, 35

Which pairs work for text

Text on backgroundContrastWCAG
Aa #55295B on #4467A72.02:1—
Aa #273C5A on #4467A71.99:1—
Aa #5C4827 on #4467A71.55:1—
Aa #55295B on #2B5D341.47:1—
Aa #273C5A on #2B5D341.45:1—
Aa #2B5D34 on #4467A71.38:1—

CSS variables

:root {
  --color-1: #273c5a; /* Nautilus */
  --color-2: #55295b; /* Kuwanomi Purple */
  --color-3: #5c4827; /* Nightingale */
  --color-4: #2b5d34; /* Pine */
  --color-5: #4467a7; /* Indigo Batik */
}

Other schemes from Nautilus

More Dark Blue tetradic palettes

Questions

What colors go with Nautilus?

In a tetradic scheme: Kuwanomi Purple (#55295B), Nightingale (#5C4827), Pine (#2B5D34), Indigo Batik (#4467A7).

What is the hex code of Nautilus?

#273C5A.