Yippie Ya Yellow Analogous Color Scheme
Five colors arranged by the analogous rule around Yippie Ya Yellow (#F9F59F), each snapped to its nearest named color.
#FF9BAA
#F6C79D
#F9F59F
#D1EF9F
#B0FF9D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Salmon Tartare | #FF9BAA | 255, 155, 170 | 351°, 100%, 80% | 0, 39, 33, 0 | |
| Cactus Blooms | #F6C79D | 246, 199, 157 | 28°, 83%, 79% | 0, 19, 36, 4 | |
| Yippie Ya Yellow | #F9F59F | 249, 245, 159 | 57°, 88%, 80% | 0, 2, 36, 2 | |
| Reef Refractions | #D1EF9F | 209, 239, 159 | 83°, 71%, 78% | 13, 0, 33, 6 | |
| Lens Flare Green | #B0FF9D | 176, 255, 157 | 108°, 100%, 81% | 31, 0, 38, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF9BAA on #F9F59F | 1.77:1 | — |
| Aa #FF9BAA on #B0FF9D | 1.68:1 | — |
| Aa #FF9BAA on #D1EF9F | 1.57:1 | — |
| Aa #F6C79D on #F9F59F | 1.37:1 | — |
| Aa #F6C79D on #B0FF9D | 1.30:1 | — |
| Aa #FF9BAA on #F6C79D | 1.29:1 | — |
CSS variables
:root {
--color-1: #ff9baa; /* Salmon Tartare */
--color-2: #f6c79d; /* Cactus Blooms */
--color-3: #f9f59f; /* Yippie Ya Yellow */
--color-4: #d1ef9f; /* Reef Refractions */
--color-5: #b0ff9d; /* Lens Flare Green */
}Other schemes from Yippie Ya Yellow
- Yippie Ya Yellow Complementary Color Scheme#F9F59F#FEFEE7#9BA0EF#4D5AF3#E6E8FA
- Yippie Ya Yellow Triadic Color Scheme#F9F59F#9CFAFF#EA9FF6#FEFEE7#56F7F3
- Yippie Ya Yellow Split-complementary Color Scheme#F9F59F#95D0FC#CA9BF7#EEED56#E8F5FC
- 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 analogous palettes
- Au Clair de la Lune Analogous Color Scheme#F5E3E2#F4E8E1#F4F2E2#ECF3E1#E4F5E1
- Banan-Appeal Analogous Color Scheme#F9A3AA#FCC9A6#FAF3A6#DDFFAA#B2FBA5
- Banana Cream Analogous Color Scheme#FF9BAA#FFC39E#FFF49C#D8F19C#B0FF9D
- Banana Milk Analogous Color Scheme#FFAEBB#FFCFAD#FFF7AD#DDFFAA#AAFFAA
- Banana Split Analogous Color Scheme#F3C7D1#F9D5C9#F7EEC8#EAF7C9#CEF0CC
- Blanc Cassé Analogous Color Scheme#F0E2E4#F2E6E1#F1EEE2#ECF1E2#E8F0E2
- Blanco Analogous Color Scheme#EFE1E4#EFE6E1#EBEAE5#ECEFE3#E3EEE3
- Bleached Sunflower Analogous Color Scheme#FAA9BB#FBBCA7#FBE8A8#EEFFA9#BDF8A3
- Blond Analogous Color Scheme#FFBEC8#F9D3BE#FAF0BE#ECFCBD#CFFDBC
- Bollywood Gold Analogous Color Scheme#FFAAAA#FFD2AB#FFFBAB#DDFFAA#AAFFAA
- Bullet Hell Analogous Color Scheme#FDC9D0#FBD8C9#FAF1C8#EAF7C9#CCFFCC
- Butter Honey Analogous Color Scheme#F3ACB9#F3C1AB#F5E5AB#E3EFB2#BCF5A6
Questions
What colors go with Yippie Ya Yellow?
In a analogous scheme: Salmon Tartare (#FF9BAA), Cactus Blooms (#F6C79D), Reef Refractions (#D1EF9F), Lens Flare Green (#B0FF9D).
What is the hex code of Yippie Ya Yellow?
#F9F59F.