Huebook

Halloween Complementary Color Scheme

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

#FE653C
#FFAD97
#37C4FA
#00BBEE
#A0E6FF

Color names and codes

NameHEXRGBHSLCMYK
Halloween#FE653C254, 101, 6013°, 99%, 62%0, 60, 76, 0
Pink Persimmon#FFAD97255, 173, 15113°, 100%, 80%0, 32, 41, 0
Shovel Knight#37C4FA55, 196, 250197°, 95%, 60%78, 22, 0, 2
Blue Bikini#00BBEE0, 187, 238193°, 100%, 47%100, 21, 0, 7
Winter Wizard#A0E6FF160, 230, 255196°, 100%, 81%37, 10, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FE653C on #A0E6FF2.14:1—
Aa #FE653C on #FFAD971.64:1—
Aa #00BBEE on #A0E6FF1.63:1—
Aa #FE653C on #37C4FA1.46:1—
Aa #37C4FA on #A0E6FF1.46:1—
Aa #FE653C on #00BBEE1.31:1—

CSS variables

:root {
  --color-1: #fe653c; /* Halloween */
  --color-2: #ffad97; /* Pink Persimmon */
  --color-3: #37c4fa; /* Shovel Knight */
  --color-4: #00bbee; /* Blue Bikini */
  --color-5: #a0e6ff; /* Winter Wizard */
}

Other schemes from Halloween

More Light Red complementary palettes

Questions

What colors go with Halloween?

In a complementary scheme: Pink Persimmon (#FFAD97), Shovel Knight (#37C4FA), Blue Bikini (#00BBEE), Winter Wizard (#A0E6FF).

What is the hex code of Halloween?

#FE653C.