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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Yippie Ya Yellow | #F9F59F | 249, 245, 159 | 57°, 88%, 80% | 0, 2, 36, 2 | |
| Long Island Sound | #95D0FC | 149, 208, 252 | 206°, 94%, 79% | 41, 17, 0, 1 | |
| Baby Purple | #CA9BF7 | 202, 155, 247 | 271°, 85%, 79% | 18, 37, 0, 3 | |
| Sulphuric | #EEED56 | 238, 237, 86 | 60°, 82%, 64% | 0, 0, 64, 7 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CA9BF7 on #E8F5FC | 1.98:1 | — |
| Aa #F9F59F on #CA9BF7 | 1.95:1 | — |
| Aa #CA9BF7 on #EEED56 | 1.77:1 | — |
| Aa #95D0FC on #E8F5FC | 1.49:1 | — |
| Aa #F9F59F on #95D0FC | 1.46:1 | — |
| Aa #95D0FC on #CA9BF7 | 1.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
- Yippie Ya Yellow Complementary Color Scheme#F9F59F#FEFEE7#9BA0EF#4D5AF3#E6E8FA
- Yippie Ya Yellow Analogous Color Scheme#FF9BAA#F6C79D#F9F59F#D1EF9F#B0FF9D
- Yippie Ya Yellow Triadic Color Scheme#F9F59F#9CFAFF#EA9FF6#FEFEE7#56F7F3
- Yippie Ya Yellow Tetradic Color Scheme#F9F59F#96FBC4#9BA0EF#FF99CC#FEFEE7
- Yippie Ya Yellow Monochromatic Color Scheme#F4E216#EEED56#F9F59F#FEFEE7#FEFEE7
More Very Light Yellow split-complementary palettes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
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.