Beach View Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Beach View (#4F7694), each snapped to its nearest named color.

#1B2632

#324C61

#4F7694

#789BB6

#ACC2D1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Abyssal Anchorfish Blue	`#1B2632`	27, 38, 50	211°, 30%, 15%	46, 24, 0, 80
Blue Fedora	`#324C61`	50, 76, 97	207°, 32%, 29%	48, 22, 0, 62
Beach View	`#4F7694`	79, 118, 148	206°, 30%, 45%	47, 20, 0, 42
Walden Pond	`#789BB6`	120, 155, 182	206°, 30%, 59%	34, 15, 0, 29
Ruffled Feathers	`#ACC2D1`	172, 194, 209	204°, 29%, 75%	18, 7, 0, 18

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1B2632 on #ACC2D1	8.32:1	AAA
Aa #1B2632 on #789BB6	5.23:1	AA
Aa #324C61 on #ACC2D1	4.86:1	AA
Aa #1B2632 on #4F7694	3.18:1	AA large
Aa #324C61 on #789BB6	3.06:1	AA large
Aa #4F7694 on #ACC2D1	2.62:1	—

CSS variables

:root {
  --color-1: #1b2632; /* Abyssal Anchorfish Blue */
  --color-2: #324c61; /* Blue Fedora */
  --color-3: #4f7694; /* Beach View */
  --color-4: #789bb6; /* Walden Pond */
  --color-5: #acc2d1; /* Ruffled Feathers */
}

Other schemes from Beach View

More Medium Blue monochromatic palettes

Questions

What colors go with Beach View?

In a monochromatic scheme: Abyssal Anchorfish Blue (#1B2632), Blue Fedora (#324C61), Walden Pond (#789BB6), Ruffled Feathers (#ACC2D1).

What is the hex code of Beach View?

#4F7694.