Marina Complementary Color Scheme

Five colors arranged by the complementary rule around Marina (#5A88C8), each snapped to its nearest named color.

#5A88C8

#9FBADF

#C79958

#A17135

#E3CBA8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Marina	`#5A88C8`	90, 136, 200	215°, 50%, 57%	55, 32, 0, 22
Pylon	`#9FBADF`	159, 186, 223	215°, 50%, 75%	29, 17, 0, 13
Amber Glass	`#C79958`	199, 153, 88	35°, 50%, 56%	0, 23, 56, 22
Hearth Gold	`#A17135`	161, 113, 53	33°, 50%, 42%	0, 30, 67, 37
Gourmet Honey	`#E3CBA8`	227, 203, 168	36°, 51%, 77%	0, 11, 26, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A17135 on #E3CBA8	2.71:1	—
Aa #5A88C8 on #E3CBA8	2.31:1	—
Aa #9FBADF on #A17135	2.14:1	—
Aa #5A88C8 on #9FBADF	1.82:1	—
Aa #C79958 on #A17135	1.65:1	—
Aa #C79958 on #E3CBA8	1.65:1	—

CSS variables

:root {
  --color-1: #5a88c8; /* Marina */
  --color-2: #9fbadf; /* Pylon */
  --color-3: #c79958; /* Amber Glass */
  --color-4: #a17135; /* Hearth Gold */
  --color-5: #e3cba8; /* Gourmet Honey */
}

Other schemes from Marina

More Medium Blue complementary palettes

Questions

What colors go with Marina?

In a complementary scheme: Pylon (#9FBADF), Amber Glass (#C79958), Hearth Gold (#A17135), Gourmet Honey (#E3CBA8).

What is the hex code of Marina?

#5A88C8.