Huebook

Winter Wizard Complementary Color Scheme

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

#A0E6FF
#E8F7FD
#FEB7A5
#FF8050
#FFECE5

Color names and codes

NameHEXRGBHSLCMYK
Winter Wizard#A0E6FF160, 230, 255196°, 100%, 81%37, 10, 0, 0
Clear Skies#E8F7FD232, 247, 253197°, 84%, 95%8, 2, 0, 1
Nature Apricot#FEB7A5254, 183, 16512°, 98%, 82%0, 28, 35, 0
Nārangī Orange#FF8050255, 128, 8016°, 100%, 66%0, 50, 69, 0
Peach Breeze#FFECE5255, 236, 22916°, 100%, 95%0, 7, 10, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E8F7FD on #FF80502.27:1—
Aa #FF8050 on #FFECE52.17:1—
Aa #A0E6FF on #FF80501.80:1—
Aa #E8F7FD on #FEB7A51.53:1—
Aa #FEB7A5 on #FF80501.48:1—
Aa #FEB7A5 on #FFECE51.47:1—

CSS variables

:root {
  --color-1: #a0e6ff; /* Winter Wizard */
  --color-2: #e8f7fd; /* Clear Skies */
  --color-3: #feb7a5; /* Nature Apricot */
  --color-4: #ff8050; /* Nārangī Orange */
  --color-5: #ffece5; /* Peach Breeze */
}

Other schemes from Winter Wizard

More Very Light Blue complementary palettes

Questions

What colors go with Winter Wizard?

In a complementary scheme: Clear Skies (#E8F7FD), Nature Apricot (#FEB7A5), Nārangī Orange (#FF8050), Peach Breeze (#FFECE5).

What is the hex code of Winter Wizard?

#A0E6FF.