Pineapple High Triadic Color Scheme
Five colors arranged by the triadic rule around Pineapple High (#EBEB57), each snapped to its nearest named color.
#EBEB57
#56F7F3
#EE55EE
#F9F2B3
#11DDDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pineapple High | #EBEB57 | 235, 235, 87 | 60°, 79%, 63% | 0, 0, 63, 8 | |
| Paraiba | #56F7F3 | 86, 247, 243 | 179°, 91%, 65% | 65, 0, 2, 3 | |
| Lake Retba Pink | #EE55EE | 238, 85, 238 | 300°, 82%, 63% | 0, 64, 0, 7 | |
| Casino Lights | #F9F2B3 | 249, 242, 179 | 54°, 85%, 84% | 0, 3, 28, 2 | |
| Fish Boy | #11DDDD | 17, 221, 221 | 180°, 86%, 47% | 92, 0, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE55EE on #F9F2B3 | 2.56:1 | — |
| Aa #EBEB57 on #EE55EE | 2.31:1 | — |
| Aa #56F7F3 on #EE55EE | 2.23:1 | — |
| Aa #EE55EE on #11DDDD | 1.73:1 | — |
| Aa #F9F2B3 on #11DDDD | 1.48:1 | — |
| Aa #EBEB57 on #11DDDD | 1.33:1 | — |
CSS variables
:root {
--color-1: #ebeb57; /* Pineapple High */
--color-2: #56f7f3; /* Paraiba */
--color-3: #ee55ee; /* Lake Retba Pink */
--color-4: #f9f2b3; /* Casino Lights */
--color-5: #11dddd; /* Fish Boy */
}Other schemes from Pineapple High
- Pineapple High Complementary Color Scheme#EBEB57#F8F6A8#4D5AF3#0011DD#B8B8F8
- Pineapple High Analogous Color Scheme#EE5555#EDA057#EBEB57#B2EC5D#43E85F
- Pineapple High Split-complementary Color Scheme#EBEB57#59A1EF#AA55EE#DDD618#99C3F0
- Pineapple High Tetradic Color Scheme#EBEB57#56FCA2#4D5AF3#FE54A3#F9F2B3
- Pineapple High Monochromatic Color Scheme#999911#DDD618#EBEB57#F4F09B#FBF9E1
More Light Yellow triadic palettes
- 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 Pineapple High?
In a triadic scheme: Paraiba (#56F7F3), Lake Retba Pink (#EE55EE), Casino Lights (#F9F2B3), Fish Boy (#11DDDD).
What is the hex code of Pineapple High?
#EBEB57.