Master Key Complementary Color Scheme

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

#DDCC88

#F2EACF

#8B98D8

#4466CC

#D2DEF2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Master Key	`#DDCC88`	221, 204, 136	48°, 56%, 70%	0, 8, 38, 13
Candle Wax	`#F2EACF`	242, 234, 207	46°, 57%, 88%	0, 3, 14, 5
Portage	`#8B98D8`	139, 152, 216	230°, 50%, 70%	36, 30, 0, 15
God of Rain	`#4466CC`	68, 102, 204	225°, 57%, 53%	67, 50, 0, 20
Puffy Cloud	`#D2DEF2`	210, 222, 242	217°, 55%, 89%	13, 8, 0, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F2EACF on #4466CC	4.34:1	AA large
Aa #4466CC on #D2DEF2	3.85:1	AA large
Aa #DDCC88 on #4466CC	3.25:1	AA large
Aa #F2EACF on #8B98D8	2.30:1	—
Aa #8B98D8 on #D2DEF2	2.04:1	—
Aa #8B98D8 on #4466CC	1.89:1	—

CSS variables

:root {
  --color-1: #ddcc88; /* Master Key */
  --color-2: #f2eacf; /* Candle Wax */
  --color-3: #8b98d8; /* Portage */
  --color-4: #4466cc; /* God of Rain */
  --color-5: #d2def2; /* Puffy Cloud */
}

Other schemes from Master Key

More Light Yellow complementary palettes

Questions

What colors go with Master Key?

In a complementary scheme: Candle Wax (#F2EACF), Portage (#8B98D8), God of Rain (#4466CC), Puffy Cloud (#D2DEF2).

What is the hex code of Master Key?

#DDCC88.