Broccoli Triadic Color Scheme
Five colors arranged by the triadic rule around Broccoli (#87B364), each snapped to its nearest named color.
#87B364
#6487B0
#BB6688
#B8D7A6
#43628B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Broccoli | #87B364 | 135, 179, 100 | 93°, 34%, 55% | 25, 0, 44, 30 | |
| Perfect Periwinkle | #6487B0 | 100, 135, 176 | 212°, 32%, 54% | 43, 23, 0, 31 | |
| Malevolent Mauve | #BB6688 | 187, 102, 136 | 336°, 38%, 57% | 0, 45, 27, 27 | |
| Apple Cream | #B8D7A6 | 184, 215, 166 | 98°, 38%, 75% | 14, 0, 23, 16 | |
| Federal Blue | #43628B | 67, 98, 139 | 214°, 35%, 40% | 52, 29, 0, 45 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B8D7A6 on #43628B | 3.96:1 | AA large |
| Aa #87B364 on #43628B | 2.58:1 | — |
| Aa #BB6688 on #B8D7A6 | 2.48:1 | — |
| Aa #6487B0 on #B8D7A6 | 2.36:1 | — |
| Aa #6487B0 on #43628B | 1.68:1 | — |
| Aa #87B364 on #BB6688 | 1.61:1 | — |
CSS variables
:root {
--color-1: #87b364; /* Broccoli */
--color-2: #6487b0; /* Perfect Periwinkle */
--color-3: #bb6688; /* Malevolent Mauve */
--color-4: #b8d7a6; /* Apple Cream */
--color-5: #43628b; /* Federal Blue */
}Other schemes from Broccoli
- Broccoli Complementary Color Scheme#87B364#B5D0A2#926CAC#664488#C1ABD4
- Broccoli Analogous Color Scheme#B49161#A9B062#87B364#63B365#66BB8D
- Broccoli Split-complementary Color Scheme#87B364#6666BB#BC64A4#63884A#9999CC
- Broccoli Tetradic Color Scheme#87B364#65ADB2#926CAC#B36663#B8D7A6
- Broccoli Monochromatic Color Scheme#364C2E#63884A#87B364#B1CA95#D7E4CC
More Medium Green triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Broccoli?
In a triadic scheme: Perfect Periwinkle (#6487B0), Malevolent Mauve (#BB6688), Apple Cream (#B8D7A6), Federal Blue (#43628B).
What is the hex code of Broccoli?
#87B364.