Cheese It Up Complementary Color Scheme

Five colors arranged by the complementary rule around Cheese It Up (#FDDE45), each snapped to its nearest named color.

#FDDE45

#FFEDA2

#4466FF

#0033EE

#A2BFFE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cheese It Up	`#FDDE45`	253, 222, 69	50°, 98%, 63%	0, 12, 73, 1
Baby Chick	`#FFEDA2`	255, 237, 162	48°, 100%, 82%	0, 7, 36, 0
Blue Titmouse	`#4466FF`	68, 102, 255	229°, 100%, 63%	73, 60, 0, 0
Blue Bouquet	`#0033EE`	0, 51, 238	227°, 100%, 47%	100, 79, 0, 7
Pastel Blue	`#A2BFFE`	162, 191, 254	221°, 98%, 82%	36, 25, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFEDA2 on #0033EE	6.61:1	AA
Aa #FDDE45 on #0033EE	5.80:1	AA
Aa #0033EE on #A2BFFE	4.22:1	AA large
Aa #FFEDA2 on #4466FF	3.90:1	AA large
Aa #FDDE45 on #4466FF	3.42:1	AA large
Aa #4466FF on #A2BFFE	2.49:1	—

CSS variables

:root {
  --color-1: #fdde45; /* Cheese It Up */
  --color-2: #ffeda2; /* Baby Chick */
  --color-3: #4466ff; /* Blue Titmouse */
  --color-4: #0033ee; /* Blue Bouquet */
  --color-5: #a2bffe; /* Pastel Blue */
}

Other schemes from Cheese It Up

More Light Yellow complementary palettes

Questions

What colors go with Cheese It Up?

In a complementary scheme: Baby Chick (#FFEDA2), Blue Titmouse (#4466FF), Blue Bouquet (#0033EE), Pastel Blue (#A2BFFE).

What is the hex code of Cheese It Up?

#FDDE45.