Huebook

Pika Yellow Complementary Color Scheme

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

#EEE92D
#F7EB83
#273BE2
#0011BB
#8B88F8

Color names and codes

NameHEXRGBHSLCMYK
Pika Yellow#EEE92D238, 233, 4558°, 85%, 55%0, 2, 81, 7
Golden Staff#F7EB83247, 235, 13154°, 88%, 74%0, 5, 47, 3
Palatinate Blue#273BE239, 59, 226234°, 76%, 52%83, 74, 0, 11
Too Dark Tonight#0011BB0, 17, 187235°, 100%, 37%100, 91, 0, 27
Lavender Blue Shadow#8B88F8139, 136, 248242°, 89%, 75%44, 45, 0, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F7EB83 on #0011BB9.55:1AAA
Aa #EEE92D on #0011BB9.08:1AAA
Aa #F7EB83 on #273BE26.11:1AA
Aa #EEE92D on #273BE25.81:1AA
Aa #0011BB on #8B88F83.88:1AA large
Aa #273BE2 on #8B88F82.48:1—

CSS variables

:root {
  --color-1: #eee92d; /* Pika Yellow */
  --color-2: #f7eb83; /* Golden Staff */
  --color-3: #273be2; /* Palatinate Blue */
  --color-4: #0011bb; /* Too Dark Tonight */
  --color-5: #8b88f8; /* Lavender Blue Shadow */
}

Other schemes from Pika Yellow

More Medium Yellow complementary palettes

Questions

What colors go with Pika Yellow?

In a complementary scheme: Golden Staff (#F7EB83), Palatinate Blue (#273BE2), Too Dark Tonight (#0011BB), Lavender Blue Shadow (#8B88F8).

What is the hex code of Pika Yellow?

#EEE92D.