Huebook

Pickled Pineapple Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Pickled Pineapple (#EEFF33), each snapped to its nearest named color.

#EEFF33
#3E82FC
#AA33EE
#CCEE00
#8AB8FE

Color names and codes

NameHEXRGBHSLCMYK
Pickled Pineapple#EEFF33238, 255, 5165°, 100%, 60%7, 0, 80, 0
Dodger Blue#3E82FC62, 130, 252219°, 97%, 62%75, 48, 0, 1
Sweet Desire#AA33EE170, 51, 238278°, 85%, 57%29, 79, 0, 7
Spleen Green#CCEE00204, 238, 069°, 100%, 47%14, 0, 100, 7
Carolina Blue#8AB8FE138, 184, 254216°, 98%, 77%46, 28, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EEFF33 on #AA33EE4.30:1AA large
Aa #AA33EE on #CCEE003.58:1AA large
Aa #EEFF33 on #3E82FC3.27:1AA large
Aa #3E82FC on #CCEE002.72:1—
Aa #AA33EE on #8AB8FE2.35:1—
Aa #EEFF33 on #8AB8FE1.83:1—

CSS variables

:root {
  --color-1: #eeff33; /* Pickled Pineapple */
  --color-2: #3e82fc; /* Dodger Blue */
  --color-3: #aa33ee; /* Sweet Desire */
  --color-4: #ccee00; /* Spleen Green */
  --color-5: #8ab8fe; /* Carolina Blue */
}

Other schemes from Pickled Pineapple

More Light Yellow split-complementary palettes

Questions

What colors go with Pickled Pineapple?

In a split-complementary scheme: Dodger Blue (#3E82FC), Sweet Desire (#AA33EE), Spleen Green (#CCEE00), Carolina Blue (#8AB8FE).

What is the hex code of Pickled Pineapple?

#EEFF33.