Huebook

Seafarer Analogous Color Scheme

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

#206937
#29685F
#204D68
#24246D
#332266

Color names and codes

NameHEXRGBHSLCMYK
Camarone#20693732, 105, 55139°, 53%, 27%70, 0, 48, 59
Galapagos Green#29685F41, 104, 95171°, 43%, 28%61, 0, 9, 59
Seafarer#204D6832, 77, 104203°, 53%, 27%69, 26, 0, 59
After Work Blue#24246D36, 36, 109240°, 50%, 28%67, 67, 0, 57
Dark Dreams#33226651, 34, 102255°, 50%, 27%50, 67, 0, 60

Which pairs work for text

Text on backgroundContrastWCAG
Aa #29685F on #24246D2.09:1—
Aa #29685F on #3322662.07:1—
Aa #206937 on #24246D2.03:1—
Aa #206937 on #3322662.01:1—
Aa #204D68 on #24246D1.50:1—
Aa #204D68 on #3322661.49:1—

CSS variables

:root {
  --color-1: #206937; /* Camarone */
  --color-2: #29685f; /* Galapagos Green */
  --color-3: #204d68; /* Seafarer */
  --color-4: #24246d; /* After Work Blue */
  --color-5: #332266; /* Dark Dreams */
}

Other schemes from Seafarer

More Dark Blue analogous palettes

Questions

What colors go with Seafarer?

In a analogous scheme: Camarone (#206937), Galapagos Green (#29685F), After Work Blue (#24246D), Dark Dreams (#332266).

What is the hex code of Seafarer?

#204D68.