Frostbite Complementary Color Scheme

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

#ACFFFC

#E7FEFF

#FFAAAA

#FF6163

#FFE6E7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Frostbite	`#ACFFFC`	172, 255, 252	178°, 100%, 84%	33, 0, 1, 0
Bubbles	`#E7FEFF`	231, 254, 255	183°, 100%, 95%	9, 0, 0, 0
Apricot Haze	`#FFAAAA`	255, 170, 170	0°, 100%, 83%	0, 33, 33, 0
Fusion Red	`#FF6163`	255, 97, 99	359°, 100%, 69%	0, 62, 61, 0
Vanilla Strawberry	`#FFE6E7`	255, 230, 231	358°, 100%, 95%	0, 10, 9, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E7FEFF on #FF6163	2.80:1	—
Aa #ACFFFC on #FF6163	2.59:1	—
Aa #FF6163 on #FFE6E7	2.48:1	—
Aa #E7FEFF on #FFAAAA	1.73:1	—
Aa #FFAAAA on #FF6163	1.62:1	—
Aa #ACFFFC on #FFAAAA	1.59:1	—

CSS variables

:root {
  --color-1: #acfffc; /* Frostbite */
  --color-2: #e7feff; /* Bubbles */
  --color-3: #ffaaaa; /* Apricot Haze */
  --color-4: #ff6163; /* Fusion Red */
  --color-5: #ffe6e7; /* Vanilla Strawberry */
}

Other schemes from Frostbite

More Very Light Teal complementary palettes

Questions

What colors go with Frostbite?

In a complementary scheme: Bubbles (#E7FEFF), Apricot Haze (#FFAAAA), Fusion Red (#FF6163), Vanilla Strawberry (#FFE6E7).

What is the hex code of Frostbite?

#ACFFFC.