Huebook

Yippie Ya Yellow Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Yippie Ya Yellow (#F9F59F), each snapped to its nearest named color.

#F9F59F
#95D0FC
#CA9BF7
#EEED56
#E8F5FC

Color names and codes

NameHEXRGBHSLCMYK
Yippie Ya Yellow#F9F59F249, 245, 15957°, 88%, 80%0, 2, 36, 2
Long Island Sound#95D0FC149, 208, 252206°, 94%, 79%41, 17, 0, 1
Baby Purple#CA9BF7202, 155, 247271°, 85%, 79%18, 37, 0, 3
Sulphuric#EEED56238, 237, 8660°, 82%, 64%0, 0, 64, 7
Kodama White#E8F5FC232, 245, 252201°, 77%, 95%8, 3, 0, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CA9BF7 on #E8F5FC1.98:1—
Aa #F9F59F on #CA9BF71.95:1—
Aa #CA9BF7 on #EEED561.77:1—
Aa #95D0FC on #E8F5FC1.49:1—
Aa #F9F59F on #95D0FC1.46:1—
Aa #95D0FC on #CA9BF71.33:1—

CSS variables

:root {
  --color-1: #f9f59f; /* Yippie Ya Yellow */
  --color-2: #95d0fc; /* Long Island Sound */
  --color-3: #ca9bf7; /* Baby Purple */
  --color-4: #eeed56; /* Sulphuric */
  --color-5: #e8f5fc; /* Kodama White */
}

Other schemes from Yippie Ya Yellow

More Very Light Yellow split-complementary palettes

Questions

What colors go with Yippie Ya Yellow?

In a split-complementary scheme: Long Island Sound (#95D0FC), Baby Purple (#CA9BF7), Sulphuric (#EEED56), Kodama White (#E8F5FC).

What is the hex code of Yippie Ya Yellow?

#F9F59F.