Huebook

Sailor Analogous Color Scheme

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

#40826D
#447382
#445780
#514B80
#704783

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Shǔi Cǎo Lǜ Green#40826D64, 130, 109161°, 34%, 38%51, 0, 16, 4955.7% 0.076 170
Wild River#44738268, 115, 130195°, 31%, 39%48, 12, 0, 4952.8% 0.056 220
Sailor#44578068, 87, 128221°, 31%, 38%47, 32, 0, 5045.9% 0.071 265
Spirit Dance#514B8081, 75, 128247°, 26%, 40%37, 41, 0, 5044.3% 0.086 288
Plum Jam#704783112, 71, 131281°, 30%, 40%15, 46, 0, 4947.0% 0.104 314

Which pairs work for text

Text on backgroundContrastWCAG
Aa #40826D on #514B801.74:1—
Aa #40826D on #7047831.59:1—
Aa #40826D on #4457801.59:1—
Aa #447382 on #514B801.51:1—
Aa #447382 on #7047831.38:1—
Aa #447382 on #4457801.38:1—

CSS variables

:root {
  --color-1: #40826d; /* Shǔi Cǎo Lǜ Green */
  --color-2: #447382; /* Wild River */
  --color-3: #445780; /* Sailor */
  --color-4: #514b80; /* Spirit Dance */
  --color-5: #704783; /* Plum Jam */
}

Other schemes from Sailor

More dark blue analogous color schemes

Questions

What colors go with Sailor?

In a analogous scheme: Shǔi Cǎo Lǜ Green (#40826D), Wild River (#447382), Spirit Dance (#514B80), Plum Jam (#704783).

What is the hex code of Sailor?

#445780.