Crisps Complementary Color Scheme

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

#E2BD67

#F2DFB5

#6488EA

#214FC6

#BBCFEF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Crisps	`#E2BD67`	226, 189, 103	42°, 68%, 65%	0, 16, 54, 11
Calla	`#F2DFB5`	242, 223, 181	41°, 70%, 83%	0, 8, 25, 5
Soft Blue	`#6488EA`	100, 136, 234	224°, 76%, 65%	57, 42, 0, 8
New Car	`#214FC6`	33, 79, 198	223°, 71%, 45%	83, 60, 0, 22
Frost Fairy	`#BBCFEF`	187, 207, 239	217°, 62%, 84%	22, 13, 0, 6

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F2DFB5 on #214FC6	5.34:1	AA
Aa #214FC6 on #BBCFEF	4.43:1	AA large
Aa #E2BD67 on #214FC6	3.90:1	AA large
Aa #F2DFB5 on #6488EA	2.56:1	—
Aa #6488EA on #BBCFEF	2.12:1	—
Aa #6488EA on #214FC6	2.08:1	—

CSS variables

:root {
  --color-1: #e2bd67; /* Crisps */
  --color-2: #f2dfb5; /* Calla */
  --color-3: #6488ea; /* Soft Blue */
  --color-4: #214fc6; /* New Car */
  --color-5: #bbcfef; /* Frost Fairy */
}

Other schemes from Crisps

More Light Orange complementary palettes

Questions

What colors go with Crisps?

In a complementary scheme: Calla (#F2DFB5), Soft Blue (#6488EA), New Car (#214FC6), Frost Fairy (#BBCFEF).

What is the hex code of Crisps?

#E2BD67.