Moroccan Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Moroccan Blue (#115674), each snapped to its nearest named color.

#115674

#188BC2

#773311

#2D1608

#C3571D

Color names and codes

Name	HEX	RGB	HSL	CMYK
Moroccan Blue	`#115674`	17, 86, 116	198°, 74%, 26%	85, 26, 0, 55
Cyan Cornflower Blue	`#188BC2`	24, 139, 194	199°, 78%, 43%	88, 28, 0, 24
Beer Glazed Bacon	`#773311`	119, 51, 17	20°, 75%, 27%	0, 57, 86, 53
Darkout	`#2D1608`	45, 22, 8	23°, 70%, 10%	0, 51, 82, 82
Grieving Daylily	`#C3571D`	195, 87, 29	21°, 74%, 44%	0, 55, 85, 24

Which pairs work for text

Text on background	Contrast	WCAG
Aa #188BC2 on #2D1608	4.48:1	AA large
Aa #2D1608 on #C3571D	3.82:1	AA large
Aa #188BC2 on #773311	2.43:1	—
Aa #115674 on #2D1608	2.12:1	—
Aa #115674 on #188BC2	2.11:1	—
Aa #773311 on #C3571D	2.07:1	—

CSS variables

:root {
  --color-1: #115674; /* Moroccan Blue */
  --color-2: #188bc2; /* Cyan Cornflower Blue */
  --color-3: #773311; /* Beer Glazed Bacon */
  --color-4: #2d1608; /* Darkout */
  --color-5: #c3571d; /* Grieving Daylily */
}

Other schemes from Moroccan Blue

More Dark Blue complementary palettes

Questions

What colors go with Moroccan Blue?

In a complementary scheme: Cyan Cornflower Blue (#188BC2), Beer Glazed Bacon (#773311), Darkout (#2D1608), Grieving Daylily (#C3571D).

What is the hex code of Moroccan Blue?

#115674.