Harbour Blue Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Harbour Blue (#417491), each snapped to its nearest named color.

#181B26

#274A5D

#417491

#689DB7

#99BDD2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Coarse Wool	`#181B26`	24, 27, 38	227°, 23%, 12%	37, 29, 0, 85
Arapawa	`#274A5D`	39, 74, 93	201°, 41%, 26%	58, 20, 0, 64
Harbour Blue	`#417491`	65, 116, 145	202°, 38%, 41%	55, 20, 0, 43
Lake Lucerne	`#689DB7`	104, 157, 183	200°, 35%, 56%	43, 14, 0, 28
Gentle Sky	`#99BDD2`	153, 189, 210	202°, 39%, 71%	27, 10, 0, 18

Which pairs work for text

Text on background	Contrast	WCAG
Aa #181B26 on #99BDD2	8.63:1	AAA
Aa #181B26 on #689DB7	5.80:1	AA
Aa #274A5D on #99BDD2	4.75:1	AA
Aa #181B26 on #417491	3.38:1	AA large
Aa #274A5D on #689DB7	3.19:1	AA large
Aa #417491 on #99BDD2	2.56:1	—

CSS variables

:root {
  --color-1: #181b26; /* Coarse Wool */
  --color-2: #274a5d; /* Arapawa */
  --color-3: #417491; /* Harbour Blue */
  --color-4: #689db7; /* Lake Lucerne */
  --color-5: #99bdd2; /* Gentle Sky */
}

Other schemes from Harbour Blue

More Medium Blue monochromatic palettes

Questions

What colors go with Harbour Blue?

In a monochromatic scheme: Coarse Wool (#181B26), Arapawa (#274A5D), Lake Lucerne (#689DB7), Gentle Sky (#99BDD2).

What is the hex code of Harbour Blue?

#417491.