Bay View Triadic Color Scheme

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

#6A819E

#A16381

#85A16A

#A6B3C9

#75495E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bay View	`#6A819E`	106, 129, 158	213°, 21%, 52%	33, 18, 0, 38
Beryl Red	`#A16381`	161, 99, 129	331°, 25%, 51%	0, 39, 20, 37
Pickle	`#85A16A`	133, 161, 106	91°, 23%, 52%	17, 0, 34, 37
Ballroom Blue	`#A6B3C9`	166, 179, 201	218°, 24%, 72%	17, 11, 0, 21
Bewitching	`#75495E`	117, 73, 94	331°, 23%, 37%	0, 38, 20, 54

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A6B3C9 on #75495E	3.45:1	AA large
Aa #85A16A on #75495E	2.54:1	—
Aa #A16381 on #A6B3C9	2.15:1	—
Aa #6A819E on #A6B3C9	1.89:1	—
Aa #6A819E on #75495E	1.83:1	—
Aa #A16381 on #75495E	1.61:1	—

CSS variables

:root {
  --color-1: #6a819e; /* Bay View */
  --color-2: #a16381; /* Beryl Red */
  --color-3: #85a16a; /* Pickle */
  --color-4: #a6b3c9; /* Ballroom Blue */
  --color-5: #75495e; /* Bewitching */
}

Other schemes from Bay View

More Medium Blue triadic palettes

Questions

What colors go with Bay View?

In a triadic scheme: Beryl Red (#A16381), Pickle (#85A16A), Ballroom Blue (#A6B3C9), Bewitching (#75495E).

What is the hex code of Bay View?

#6A819E.