Morrel Complementary Color Scheme

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

#AC8F6C

#CCBCA9

#698AAB

#466082

#AEBED2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Morrel	`#AC8F6C`	172, 143, 108	33°, 28%, 55%	0, 17, 37, 33
Attic Linen	`#CCBCA9`	204, 188, 169	33°, 26%, 73%	0, 8, 17, 20
Pale Flower	`#698AAB`	105, 138, 171	210°, 28%, 54%	39, 19, 0, 33
Climate Control	`#466082`	70, 96, 130	214°, 30%, 39%	46, 26, 0, 49
Sweet Blue	`#AEBED2`	174, 190, 210	213°, 29%, 75%	17, 10, 0, 18

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CCBCA9 on #466082	3.48:1	AA large
Aa #466082 on #AEBED2	3.41:1	AA large
Aa #AC8F6C on #466082	2.12:1	—
Aa #CCBCA9 on #698AAB	1.95:1	—
Aa #698AAB on #AEBED2	1.91:1	—
Aa #698AAB on #466082	1.79:1	—

CSS variables

:root {
  --color-1: #ac8f6c; /* Morrel */
  --color-2: #ccbca9; /* Attic Linen */
  --color-3: #698aab; /* Pale Flower */
  --color-4: #466082; /* Climate Control */
  --color-5: #aebed2; /* Sweet Blue */
}

Other schemes from Morrel

More Medium Orange complementary palettes

Questions

What colors go with Morrel?

In a complementary scheme: Attic Linen (#CCBCA9), Pale Flower (#698AAB), Climate Control (#466082), Sweet Blue (#AEBED2).

What is the hex code of Morrel?

#AC8F6C.