Beach View Complementary Color Scheme

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

#4F7694

#83A2BD

#936B4F

#654636

#C1A188

Color names and codes

Name	HEX	RGB	HSL	CMYK
Beach View	`#4F7694`	79, 118, 148	206°, 30%, 45%	47, 20, 0, 42
Hawaiian Sky	`#83A2BD`	131, 162, 189	208°, 31%, 63%	31, 14, 0, 26
Thrush	`#936B4F`	147, 107, 79	25°, 30%, 44%	0, 27, 46, 42
Copra	`#654636`	101, 70, 54	20°, 30%, 30%	0, 31, 47, 60
Calfskin	`#C1A188`	193, 161, 136	26°, 31%, 65%	0, 17, 30, 24

Which pairs work for text

Text on background	Contrast	WCAG
Aa #654636 on #C1A188	3.51:1	AA large
Aa #83A2BD on #654636	3.17:1	AA large
Aa #4F7694 on #C1A188	2.00:1	—
Aa #936B4F on #C1A188	1.96:1	—
Aa #4F7694 on #83A2BD	1.81:1	—
Aa #936B4F on #654636	1.80:1	—

CSS variables

:root {
  --color-1: #4f7694; /* Beach View */
  --color-2: #83a2bd; /* Hawaiian Sky */
  --color-3: #936b4f; /* Thrush */
  --color-4: #654636; /* Copra */
  --color-5: #c1a188; /* Calfskin */
}

Other schemes from Beach View

More Medium Blue complementary palettes

Questions

What colors go with Beach View?

In a complementary scheme: Hawaiian Sky (#83A2BD), Thrush (#936B4F), Copra (#654636), Calfskin (#C1A188).

What is the hex code of Beach View?

#4F7694.