Bay View Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Bay View (#6A819E), each snapped to its nearest named color.

#2D3544

#4A5A6F

#6A819E

#99AABB

#C7D0DA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pacific Line	`#2D3544`	45, 53, 68	219°, 20%, 22%	34, 22, 0, 73
Bluster Blue	`#4A5A6F`	74, 90, 111	214°, 20%, 36%	33, 19, 0, 56
Bay View	`#6A819E`	106, 129, 158	213°, 21%, 52%	33, 18, 0, 38
Lead Ore	`#99AABB`	153, 170, 187	210°, 20%, 67%	18, 9, 0, 27
Quarzo	`#C7D0DA`	199, 208, 218	212°, 20%, 82%	9, 5, 0, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2D3544 on #C7D0DA	7.90:1	AAA
Aa #2D3544 on #99AABB	5.18:1	AA
Aa #4A5A6F on #C7D0DA	4.51:1	AA
Aa #2D3544 on #6A819E	3.08:1	AA large
Aa #4A5A6F on #99AABB	2.96:1	—
Aa #6A819E on #C7D0DA	2.57:1	—

CSS variables

:root {
  --color-1: #2d3544; /* Pacific Line */
  --color-2: #4a5a6f; /* Bluster Blue */
  --color-3: #6a819e; /* Bay View */
  --color-4: #99aabb; /* Lead Ore */
  --color-5: #c7d0da; /* Quarzo */
}

Other schemes from Bay View

More Medium Blue monochromatic palettes

Questions

What colors go with Bay View?

In a monochromatic scheme: Pacific Line (#2D3544), Bluster Blue (#4A5A6F), Lead Ore (#99AABB), Quarzo (#C7D0DA).

What is the hex code of Bay View?

#6A819E.