Majorelle Gardens Split-complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK
Majorelle Gardens	`#337766`	51, 119, 102	165°, 40%, 33%	57, 0, 14, 53
Ayame Iris	`#763568`	118, 53, 104	313°, 38%, 34%	0, 55, 12, 54
Clay Play	`#774433`	119, 68, 51	15°, 40%, 33%	0, 43, 57, 53
Black Soap	`#19443C`	25, 68, 60	169°, 46%, 18%	63, 0, 12, 73
Plum Dust	`#AA4C8F`	170, 76, 143	317°, 38%, 48%	0, 55, 16, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #19443C on #AA4C8F	2.14:1	—
Aa #337766 on #19443C	2.05:1	—
Aa #763568 on #AA4C8F	1.67:1	—
Aa #337766 on #763568	1.60:1	—
Aa #774433 on #AA4C8F	1.56:1	—
Aa #337766 on #774433	1.49:1	—

CSS variables

:root {
  --color-1: #337766; /* Majorelle Gardens */
  --color-2: #763568; /* Ayame Iris */
  --color-3: #774433; /* Clay Play */
  --color-4: #19443c; /* Black Soap */
  --color-5: #aa4c8f; /* Plum Dust */
}

Other schemes from Majorelle Gardens

#337766
#54AF9C
#773344
#4C1C24
#B95B6D
Majorelle Gardens Complementary Color Scheme
#427131
#3D7049
#337766
#2F6679
#35427B
Majorelle Gardens Analogous Color Scheme
#337766
#653475
#736330
#59BAA3
#331144
Majorelle Gardens Triadic Color Scheme
#337766
#48357B
#773344
#657432
#59BAA3
Majorelle Gardens Tetradic Color Scheme
#0F1012
#19443C
#337766
#4AAE97
#7BC8B2
Majorelle Gardens Monochromatic Color Scheme

More Dark Teal split-complementary palettes

Questions

What colors go with Majorelle Gardens?

In a split-complementary scheme: Ayame Iris (#763568), Clay Play (#774433), Black Soap (#19443C), Plum Dust (#AA4C8F).

What is the hex code of Majorelle Gardens?

#337766.