Blue Whale Monochromatic Color Scheme

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

#0F1012

#1E3442

#355C74

#4F84AF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Blue Whale	`#1E3442`	30, 52, 66	203°, 38%, 19%	55, 21, 0, 74
Shasta Lake	`#355C74`	53, 92, 116	203°, 37%, 33%	54, 21, 0, 55
Ship’s Harbour	`#4F84AF`	79, 132, 175	207°, 38%, 50%	55, 25, 0, 31

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0F1012 on #4F84AF	4.76:1	AA
Aa #0F1012 on #4F84AF	4.76:1	AA
Aa #1E3442 on #4F84AF	3.23:1	AA large
Aa #0F1012 on #355C74	2.66:1	—
Aa #0F1012 on #355C74	2.66:1	—
Aa #1E3442 on #355C74	1.81:1	—

CSS variables

:root {
  --color-1: #0f1012; /* Ruined Smores */
  --color-2: #0f1012; /* Ruined Smores */
  --color-3: #1e3442; /* Blue Whale */
  --color-4: #355c74; /* Shasta Lake */
  --color-5: #4f84af; /* Ship’s Harbour */
}

Other schemes from Blue Whale

More Very Dark Blue monochromatic palettes

Questions

What colors go with Blue Whale?

In a monochromatic scheme: Ruined Smores (#0F1012), Ruined Smores (#0F1012), Shasta Lake (#355C74), Ship’s Harbour (#4F84AF).

What is the hex code of Blue Whale?

#1E3442.