Golden Frame Complementary Color Scheme

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

#E2B31B

#EACE6A

#1D5DEC

#113691

#6495ED

Color names and codes

Name	HEX	RGB	HSL	CMYK
Golden Frame	`#E2B31B`	226, 179, 27	46°, 79%, 50%	0, 21, 88, 11
Golden Sand	`#EACE6A`	234, 206, 106	47°, 75%, 67%	0, 12, 55, 8
Azul	`#1D5DEC`	29, 93, 236	221°, 84%, 52%	88, 61, 0, 7
Dark Seashore Night	`#113691`	17, 54, 145	223°, 79%, 32%	88, 63, 0, 43
Guilliman Blue	`#6495ED`	100, 149, 237	219°, 79%, 66%	58, 37, 0, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #EACE6A on #113691	6.90:1	AA
Aa #E2B31B on #113691	5.46:1	AA
Aa #113691 on #6495ED	3.60:1	AA large
Aa #EACE6A on #1D5DEC	3.53:1	AA large
Aa #E2B31B on #1D5DEC	2.79:1	—
Aa #1D5DEC on #113691	1.95:1	—

CSS variables

:root {
  --color-1: #e2b31b; /* Golden Frame */
  --color-2: #eace6a; /* Golden Sand */
  --color-3: #1d5dec; /* Azul */
  --color-4: #113691; /* Dark Seashore Night */
  --color-5: #6495ed; /* Guilliman Blue */
}

Other schemes from Golden Frame

More Medium Yellow complementary palettes

Questions

What colors go with Golden Frame?

In a complementary scheme: Golden Sand (#EACE6A), Azul (#1D5DEC), Dark Seashore Night (#113691), Guilliman Blue (#6495ED).

What is the hex code of Golden Frame?

#E2B31B.