Aurora Complementary Color Scheme

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

#EBD147

#F1E798

#4466EE

#0033CC

#A3B1F2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Aurora	`#EBD147`	235, 209, 71	50°, 80%, 60%	0, 11, 70, 8
First Day of Summer	`#F1E798`	241, 231, 152	53°, 76%, 77%	0, 4, 37, 5
The Rainbow Fish	`#4466EE`	68, 102, 238	228°, 83%, 60%	71, 57, 0, 7
Sapphire Glitter	`#0033CC`	0, 51, 204	225°, 100%, 40%	100, 75, 0, 20
Wondrous Wisteria	`#A3B1F2`	163, 177, 242	229°, 75%, 79%	33, 27, 0, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F1E798 on #0033CC	7.09:1	AAA
Aa #EBD147 on #0033CC	5.86:1	AA
Aa #0033CC on #A3B1F2	4.32:1	AA large
Aa #F1E798 on #4466EE	3.79:1	AA large
Aa #EBD147 on #4466EE	3.14:1	AA large
Aa #4466EE on #A3B1F2	2.31:1	—

CSS variables

:root {
  --color-1: #ebd147; /* Aurora */
  --color-2: #f1e798; /* First Day of Summer */
  --color-3: #4466ee; /* The Rainbow Fish */
  --color-4: #0033cc; /* Sapphire Glitter */
  --color-5: #a3b1f2; /* Wondrous Wisteria */
}

Other schemes from Aurora

More Light Yellow complementary palettes

Questions

What colors go with Aurora?

In a complementary scheme: First Day of Summer (#F1E798), The Rainbow Fish (#4466EE), Sapphire Glitter (#0033CC), Wondrous Wisteria (#A3B1F2).

What is the hex code of Aurora?

#EBD147.