Peppy Pineapple Triadic Color Scheme
Five colors arranged by the triadic rule around Peppy Pineapple (#FFFF44), each snapped to its nearest named color.
#FFFF44
#41FDFE
#FF44FF
#FFFFAA
#01F1F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Peppy Pineapple | #FFFF44 | 255, 255, 68 | 60°, 100%, 63% | 0, 0, 73, 0 | 97.0% 0.193 110 | |
| Bright Cyan | #41FDFE | 65, 253, 254 | 180°, 99%, 63% | 74, 0, 0, 0 | 90.6% 0.143 195 | |
| Sicilia Bougainvillaea | #FF44FF | 255, 68, 255 | 300°, 100%, 63% | 0, 73, 0, 0 | 72.7% 0.289 328 | |
| Ginger Lemon Tea | #FFFFAA | 255, 255, 170 | 60°, 100%, 83% | 0, 0, 33, 0 | 98.1% 0.106 108 | |
| Aqua Cyan | #01F1F1 | 1, 241, 241 | 180°, 99%, 47% | 100, 0, 0, 5 | 86.8% 0.148 195 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF44FF on #FFFFAA | 2.68:1 | — |
| Aa #FFFF44 on #FF44FF | 2.61:1 | — |
| Aa #41FDFE on #FF44FF | 2.22:1 | — |
| Aa #FF44FF on #01F1F1 | 1.97:1 | — |
| Aa #FFFFAA on #01F1F1 | 1.36:1 | — |
| Aa #FFFF44 on #01F1F1 | 1.32:1 | — |
CSS variables
:root {
--color-1: #ffff44; /* Peppy Pineapple */
--color-2: #41fdfe; /* Bright Cyan */
--color-3: #ff44ff; /* Sicilia Bougainvillaea */
--color-4: #ffffaa; /* Ginger Lemon Tea */
--color-5: #01f1f1; /* Aqua Cyan */
}Other schemes from Peppy Pineapple
- Peppy Pineapple Complementary Color Scheme#FFFF44#FCFFA4#4444FF#0000F7#AAAAFF
- Peppy Pineapple Analogous Color Scheme#FF4444#FFA343#FFFF44#A6FD44#4EFD54
- Peppy Pineapple Split-complementary Color Scheme#FFFF44#46ADF9#AB46EC#FDF901#8ECCFE
- Peppy Pineapple Tetradic Color Scheme#FFFF44#53FCA1#4444FF#FF43A4#FFFFAA
- Peppy Pineapple Monochromatic Color Scheme#AAAA00#FDF901#FFFF44#FDFD96#FFFFDD
More light yellow triadic color schemes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Peppy Pineapple?
In a triadic scheme: Bright Cyan (#41FDFE), Sicilia Bougainvillaea (#FF44FF), Ginger Lemon Tea (#FFFFAA), Aqua Cyan (#01F1F1).
What is the hex code of Peppy Pineapple?
#FFFF44.