Pineapple Gold Triadic Color Scheme
Five colors arranged by the triadic rule around Pineapple Gold (#FFC72C), each snapped to its nearest named color.
#FFC72C
#32FFDC
#CC33FF
#FFE292
#00DEAD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pineapple Gold | #FFC72C | 255, 199, 44 | 44°, 100%, 59% | 0, 22, 83, 0 | |
| Aurichalcite | #32FFDC | 50, 255, 220 | 170°, 100%, 60% | 80, 0, 14, 0 | |
| Flamingo Queen | #CC33FF | 204, 51, 255 | 285°, 100%, 60% | 20, 80, 0, 0 | |
| Banana Republic | #FFE292 | 255, 226, 146 | 44°, 100%, 79% | 0, 11, 43, 0 | |
| Lifeless Green | #00DEAD | 0, 222, 173 | 167°, 100%, 44% | 100, 0, 22, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC33FF on #FFE292 | 3.02:1 | AA large |
| Aa #32FFDC on #CC33FF | 3.00:1 | AA large |
| Aa #FFC72C on #CC33FF | 2.45:1 | — |
| Aa #CC33FF on #00DEAD | 2.20:1 | — |
| Aa #FFE292 on #00DEAD | 1.37:1 | — |
| Aa #32FFDC on #00DEAD | 1.37:1 | — |
CSS variables
:root {
--color-1: #ffc72c; /* Pineapple Gold */
--color-2: #32ffdc; /* Aurichalcite */
--color-3: #cc33ff; /* Flamingo Queen */
--color-4: #ffe292; /* Banana Republic */
--color-5: #00dead; /* Lifeless Green */
}Other schemes from Pineapple Gold
- Pineapple Gold Complementary Color Scheme#FFC72C#FFDE88#3366FF#0033DD#99AAFF
- Pineapple Gold Analogous Color Scheme#FF3366#FE5B2E#FFC72C#C9FF27#66FF22
- Pineapple Gold Split-complementary Color Scheme#FFC72C#37C4FA#5533FF#D9A400#76D6FF
- Pineapple Gold Tetradic Color Scheme#FFC72C#2DFE54#3366FF#FF33CC#FFE292
- Pineapple Gold Monochromatic Color Scheme#996600#D9A400#FFC72C#FFDB78#FEF0C5
More Medium Orange triadic palettes
- 24 Carrot Triadic Color Scheme#E56E24#33EE66#6A2DED#EAAB7D#16A74E
- À l’Orange Triadic Color Scheme#F2850D#04F489#8811FF#F7B572#00AA55
- Acorn Triadic Color Scheme#7F5E50#47885E#5C5083#B28B80#34533D
- Amaretto Sour Triadic Color Scheme#C09856#48C09B#9B5FC0#DCC6A0#319177
- Amber Triadic Color Scheme#FFBF00#00FFBB#BF00FF#FFDA68#06B48B
- Apocalyptic Orange Triadic Color Scheme#F4711E#1EF876#661AEE#F9AE7D#11BB55
- Arancio Triadic Color Scheme#FF7013#1EF876#601EF9#FEB079#02C14D
- Argan Oil Triadic Color Scheme#9D6646#539B6A#674196#C39E81#316745
- Arrakis Spice Triadic Color Scheme#BB8246#47BA87#8547B5#D4B38F#348A5D
- Arrowwood Triadic Color Scheme#B3861E#1AB385#8F1CAE#E4B857#127453
- Atomic Orange Triadic Color Scheme#F88605#04F489#8800FF#FCB867#00AA55
- Autumnal Triadic Color Scheme#AD5928#36B14E#5930A9#DA8F67#1D7033
Questions
What colors go with Pineapple Gold?
In a triadic scheme: Aurichalcite (#32FFDC), Flamingo Queen (#CC33FF), Banana Republic (#FFE292), Lifeless Green (#00DEAD).
What is the hex code of Pineapple Gold?
#FFC72C.