Potato Chip Triadic Color Scheme
Five colors arranged by the triadic rule around Potato Chip (#FDDC57), each snapped to its nearest named color.
#FDDC57
#55FFCC
#DD55FF
#FCF1BD
#00FFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Potato Chip | #FDDC57 | 253, 220, 87 | 48°, 98%, 67% | 0, 13, 66, 1 | 89.8% 0.152 95 | |
| Rare Wind | #55FFCC | 85, 255, 204 | 162°, 100%, 67% | 67, 0, 20, 0 | 90.0% 0.157 169 | |
| Flaming Flamingo | #DD55FF | 221, 85, 255 | 288°, 100%, 67% | 13, 67, 0, 0 | 69.5% 0.257 319 | |
| Drop of Lemon | #FCF1BD | 252, 241, 189 | 50°, 91%, 86% | 0, 4, 25, 1 | 95.4% 0.068 98 | |
| Plunge Pool | #00FFCC | 0, 255, 204 | 168°, 100%, 50% | 100, 0, 20, 0 | 89.0% 0.174 171 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DD55FF on #FCF1BD | 2.71:1 | — |
| Aa #55FFCC on #DD55FF | 2.43:1 | — |
| Aa #DD55FF on #00FFCC | 2.37:1 | — |
| Aa #FDDC57 on #DD55FF | 2.28:1 | — |
| Aa #FDDC57 on #FCF1BD | 1.19:1 | — |
| Aa #FCF1BD on #00FFCC | 1.14:1 | — |
CSS variables
:root {
--color-1: #fddc57; /* Potato Chip */
--color-2: #55ffcc; /* Rare Wind */
--color-3: #dd55ff; /* Flaming Flamingo */
--color-4: #fcf1bd; /* Drop of Lemon */
--color-5: #00ffcc; /* Plunge Pool */
}Other schemes from Potato Chip
- Potato Chip Complementary Color Scheme#FDDC57#FFF0B2#4E7FFF#0339F8#B1D1FC
- Potato Chip Analogous Color Scheme#FD5B78#FF8855#FDDC57#CDFA56#66FF55
- Potato Chip Split-complementary Color Scheme#FDDC57#4CD5FF#8855FF#FBC90D#A4E4FC
- Potato Chip Tetradic Color Scheme#FDDC57#58F898#4E7FFF#FF55CC#FCF1BD
- Potato Chip Monochromatic Color Scheme#B79400#FBC90D#FDDC57#FFEDA2#FFFAE5
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 Potato Chip?
In a triadic scheme: Rare Wind (#55FFCC), Flaming Flamingo (#DD55FF), Drop of Lemon (#FCF1BD), Plunge Pool (#00FFCC).
What is the hex code of Potato Chip?
#FDDC57.