{"version": "1.0", "type": "rich", "title": "as a bi person, the bisexual flag brings me infinite joy and always puts a smile on my face, however as a person who has a...", "author_name": "kontextmaschine", "author_url": "https://kontextmaschine.com", "provider_name": "kontextmaschine", "provider_url": "https://kontextmaschine.com", "url": "https://kontextmaschine.com/post/716973817670549504/", "html": "<p><a class=\"tumblr_blog\" href=\"https://secondbeatsongs.tumblr.com/post/716890928045031424/as-a-bi-person-the-bisexual-flag-brings-me\" target=\"_blank\">secondbeatsongs</a>:</p><blockquote><p>as a bi person, the bisexual flag brings me infinite joy and always puts a smile on my face, however as a person who has a Passion for Graphic Design, that undersaturated shade of purple <i>infuriates </i>me when it&rsquo;s used digitally</p><p>like, on an actual flag - which was its original purpose - it looks great!</p><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"148\" data-orig-width=\"408\"><img src=\"/media/4b81ffe6f8ebbd680e2251221515d09cff5c0ffa_01e8915edf20.png\" data-orig-height=\"148\" data-orig-width=\"408\" alt='some people marching with a big bi flag stretched on a frame. the flag has \"Bi-friendly South Bay - www.southbaybi.org - So B O A\" written on it' srcset=\"/media/c90dad0bfd2b2c88632a730480c365e6c581fa08_20994db2ab9f.png 75w, /media/d7ce6e1c147dc79612bc87f841891b54320a53bb_3c81c79e6971.png 100w, /media/e8633f8da8a0df796813d53f2d97e451d2b95651_c87f6ee4260b.png 250w, /media/c5bea9863817ac94c31d541cf71587c9d2563d2b_a05b7f486bfe.png 400w, /media/240b45003b38391c8604fd8e5ecf841f47af02ea_20c1ff1f7914.png 408w\" sizes=\"(max-width: 408px) 100vw, 408px\"/><span class=\"tmblr-alt-text-helper\">ALT</span></figure></div><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"853\" data-orig-width=\"1280\"><img src=\"/media/0ae61e5ce134615ae7ab08ac813b6a5a917b7d1d_25c9d457f3b5.png\" data-orig-height=\"853\" data-orig-width=\"1280\" alt=\"A picture of a bi flag, looking bright in the sunlight\" srcset=\"/media/38dbf82f3587063e1abc6c18f38e727ef2d19bf6_f743794e3dc3.png 75w, /media/99f7a09045d06a3cefe1e8e288bae7e47173430a_9db7874e7817.png 100w, /media/94d0c11002033107e372eb97ab43b9b4153db181_f035b3341da2.png 250w, /media/df4f50fea51e935732137124fce806233609384b_1dd8c14b5189.png 400w, /media/3171b0f0d08568ecccea0dab167dc4c6987f2238_62b715bbb8dd.png 500w, /media/dd16c5f09a315c133d05699497673d978dd01af4_a45ec9fd0dde.png 540w, /media/0ae61e5ce134615ae7ab08ac813b6a5a917b7d1d_25c9d457f3b5.png 640w, /media/64b78c45b92bd972470260d5c4e4e5a67878c1c1_93791d8d9a53.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/><span class=\"tmblr-alt-text-helper\">ALT</span></figure></div><p>those look fine! lovely, even! with the semi-transparent fabric, the way it catches the sunlight, it looks beautiful!</p><p>but now look at how it looks digitally</p><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"480\" data-orig-width=\"800\"><img src=\"/media/983e7eb8a34b9e8f50380b4de7c8273544105787_1649603a1d8f.png\" data-orig-height=\"480\" data-orig-width=\"800\" srcset=\"/media/d97ea84c18a4b3dd2fee2791960aa9bac63f5be9_89b272cbf77a.png 75w, /media/14b7f3277f36bc96380e2f47c060fd4899841389_d217947e18e8.png 100w, /media/d1df241a65a7b38f68ceb5628ad57004d3fe894c_79d1a85d9937.png 250w, /media/c6597ff957289cb7fe3cbfba2eedea8329bf69ac_7190823e2e6a.png 400w, /media/460b6922298de55016fd5bcb2285e22bd466b627_f8c42952ec6a.png 500w, /media/d5faf19d531a0e18ba834ec8b4060f57c167b64b_fa4b2e618100.png 540w, /media/983e7eb8a34b9e8f50380b4de7c8273544105787_1649603a1d8f.png 640w, /media/775b9593009914a86f2c0fdcc16fb7025ef5cb66_85300a02c494.png 800w\" sizes=\"(max-width: 800px) 100vw, 800px\"/></figure></div><p>the pink and blue are <i>so vibrant</i> compared to the sad, lonely lavender!</p><p>and let&rsquo;s look at this statement from Michael Page, the creator of the bi flag:</p><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"428\" data-orig-width=\"627\"><img src=\"/media/96a16ac5fc6f4289aac995e510c22d065ea1a549_bd9f3419cd0e.png\" data-orig-height=\"428\" data-orig-width=\"627\" alt=\"In designing the Bi Pride Flag, I selected the colors and overlap pattern of the bi angles symbol. I selected, which to me, is the most attractive combination of pink, purple and blue. In flag-maker parlance this is magenta - PMS 226 (pink), lavender - PMS 258 (purple) and royal - PMS 286 (blue). I decided to make the top of the flag pink and would give it 40% of the vertical dimension. Purple, which is the resultant color when you overlap pink and blue, would be the middle stripe and would be 20% of the dimension. The lower 40% would be blue. \n                     \n\nSYMBOLISM:\n\nThe pink color represents sexual attraction to the same sex only (gay and lesbian), the blue represents sexual attraction to the opposite sex only (straight) and the resultant overlap color purple represents sexual attraction to both sexes (bi). The key to understanding the symbolism in the Bi Pride Flag is to know that the purple pixels of color blend unnoticeably into both the pink and blue, just as in the 'real world' where bi people blend unnoticeably into both the gay/lesbian and straight communities. \n\" srcset=\"/media/3a0ab5935e8401683614256185e8ce2e276462be_d13cb2c77f3d.png 75w, /media/f19a8a67d4b8c5f2a0093a7f33126106e57bdb8f_2f37f1c27ee3.png 100w, /media/f81982cfdb99e8b963b28cd3642db93606459e84_ad5046b5dfc7.png 250w, /media/17e73a0ee9cd601efcf59e5a36a13a8c6bd2ca43_bb2de2272a6e.png 400w, /media/73f863ff78bba97f1dcd57e45b0cd97af19c4974_b1a50c9c555a.png 500w, /media/e3c40cb0045921005b98207b17ae4dd41a3b5910_53f44b8a2c9d.png 540w, /media/96a16ac5fc6f4289aac995e510c22d065ea1a549_bd9f3419cd0e.png 627w\" sizes=\"(max-width: 627px) 100vw, 627px\"><span class=\"tmblr-alt-text-helper\">ALT</span></figure></div><p>(sidenote: he created this flag in 1998, so if his takes on bisexuality is different from yours, it&rsquo;s okay to notice that! a lot has changed since the 90s when it comes to lived experiences and the way we describe them. but, it&rsquo;s also important to respect his thoughts about this and the way he presented them, even if today, we&rsquo;d probably not say that bi people &ldquo;blend unnoticeably into both the gay/lesbian and straight communities.&rdquo;)</p><p>so in pantone colors, the pink is 226 C, the blue is 286 C, and the purple of the flag is 258 C.</p><p>but&hellip;here&rsquo;s the deal</p><p>Michael talks here about how the key to understanding the symbolism is to know that the purple blends into both the pink and blue. and on a physical flag, I think you can see that!</p><p>but digitally, it absolutely <i>does not</i> blend. it clashes <i>badly</i>, and looks oddly separate from the other two colors.</p><p>which got me wondering&hellip;what purple do you get if you <i>actually</i> blend 226 C and 286 C?</p><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"456\" data-orig-width=\"725\"><img src=\"/media/a2647a4e439e6b813795afe6698de5a51d4aea3e_749e3776e7d8.png\" data-orig-height=\"456\" data-orig-width=\"725\" srcset=\"/media/49cab87fa396f84aa8f0c0cb48331b92cac9c55e_e65dc6aa91ee.png 75w, /media/99f5569390467cf614b6b56b21914916a508584a_13b70cb4d385.png 100w, /media/3b6e1365165e8caf6cd68ee749834a496bff17c1_89d6972a3262.png 250w, /media/12cced47760fd3ac84d87133829d72c9999fc936_cab10c54c207.png 400w, /media/1490f3ad4da8fe2fe324a0cf852bcc5cdc069712_5e9342928442.png 500w, /media/59133c6756a45fe47e4ffafdb01a43d16a39d9e7_b148c6060f4e.png 540w, /media/a2647a4e439e6b813795afe6698de5a51d4aea3e_749e3776e7d8.png 640w, /media/106fde6c292964bcbb46c62d44a8c2e2d5f301b7_19cfdb807c04.png 725w\" sizes=\"(max-width: 725px) 100vw, 725px\"/></figure></div><p>oh! oh, my god.</p><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"768\" data-orig-width=\"1280\"><img src=\"/media/66cdfa44a6b13d5854966a512b62b50de632652e_f69d2eae2a29.png\" data-orig-height=\"768\" data-orig-width=\"1280\" srcset=\"/media/70287e14665eb8e897489516e6a686a2a8706305_901bc76383e4.png 75w, /media/add5eef10d125202d65e909653fb0f4261283fbc_4ab53c30ff80.png 100w, /media/581ff8e99a618b4d50271a666bf0e541088e809c_00d8dc9f20fd.png 250w, /media/c1b7c2613633c898dc677f4179ca584a04088d65_e42c8f26659c.png 400w, /media/e3a4d6ef9de86fe6ee9ea9a83db1a8785a71f927_45a9bb29737d.png 500w, /media/02300c138d97ad6a2c12e417c2c8dc544f5417a2_18c577d31921.png 540w, /media/66cdfa44a6b13d5854966a512b62b50de632652e_f69d2eae2a29.png 640w, /media/e2cf094459996aee89bea98b4b95561eb9742341_5d961322306e.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/></figure></div><p>look at that! look at how nicely it fits between those colors!</p><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"768\" data-orig-width=\"1280\"><img src=\"/media/dbf89f28bb49e9f418a63027971ed01ef6d31c21_621c5ee9a49c.png\" data-orig-height=\"768\" data-orig-width=\"1280\" srcset=\"/media/68bf5256f2fba06605e968757550b4c9504f5383_bd48fbaf5f3b.png 75w, /media/8f512839bf92b6ad131e2232cedb397432eb5e50_00d6251c72c8.png 100w, /media/c694da17a0eb203065886f347573b68fd9d0c925_61945e633e10.png 250w, /media/d6c19fcaf71069dda080dc043fc751f5736f4371_b92bfa649525.png 400w, /media/4921d1e6cce29ee1f691b4a8512a9583adce09d9_f462d4f4bad9.png 500w, /media/e9e282d37f85c8062acb806010bf01a272e83ec7_429f354513f6.png 540w, /media/dbf89f28bb49e9f418a63027971ed01ef6d31c21_621c5ee9a49c.png 640w, /media/5de454371bec7a43bdc973b33bbeb35058c60508_52a5d354dcf0.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/></figure></div><p>look at it next to the original color scheme! look at how much more vibrant the purple is!</p><p>and friends. this is just blending through rgb! you get even more purple variations when you use other color spaces!</p><p>let&rsquo;s compare all of them:</p><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"768\" data-orig-width=\"1280\"><img src=\"/media/82cded77eb4d68ee5cdf272315fc8e243bd55fa8_20e3edefdd5d.png\" data-orig-height=\"768\" data-orig-width=\"1280\" alt=\"original flag\" srcset=\"/media/2e22c73353a54e08ea7ff2ea4a2cbce6a5bca3c0_ba4adb3e68dc.png 75w, /media/31224632a80e763c618e075cded89b41b81fac45_0c928ea78979.png 100w, /media/68f641fa577a37537504617bc5cd50186cc31baf_dea79a3aff3a.png 250w, /media/85c924a3b3e41fc4bc7fa8322339512a2107be1f_d561b39e9acf.png 400w, /media/a4e44b438a00403f46364f1b6f0d8938e5d12975_a5ba85b79a12.png 500w, /media/43b41f47657c576c0d62f3bd4856b5d109612b8e_f1e33eabc20a.png 540w, /media/82cded77eb4d68ee5cdf272315fc8e243bd55fa8_20e3edefdd5d.png 640w, /media/99e794289d346fc8f0281fe5daf31804d7803c73_6e0ef5c05c00.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/><span class=\"tmblr-alt-text-helper\">ALT</span></figure><figure class=\"tmblr-full\" data-orig-height=\"768\" data-orig-width=\"1280\"><img src=\"/media/44435f37b09786a3e6793ce2c5096297750ada9d_ac1f71a4737f.png\" data-orig-height=\"768\" data-orig-width=\"1280\" alt=\"lab\" srcset=\"/media/cf41da23c4380fcd90e2ca8aca868cdef2f8bbee_4d3ab61d4b38.png 75w, /media/539939f2f07e185ad8813da17a47ab3eed973a65_605379fb7b1b.png 100w, /media/549aadf2c1bd3a518372a902767cf711fc38b6a8_696ce9c6f1fc.png 250w, /media/9971eedc8f3fea518ed67442211cc1d141d05d05_3520efcda956.png 400w, /media/d08d143665c8bdcd141433bcada16bbe593172c4_61a2cd278437.png 500w, /media/7bf7133660262b36000db964a21a2ec220fef3c7_983e07e4abc3.png 540w, /media/44435f37b09786a3e6793ce2c5096297750ada9d_ac1f71a4737f.png 640w, /media/9d8b0d68202fdeb4ff81949f8a8ac5b59aaba72d_d2a19536c035.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/><span class=\"tmblr-alt-text-helper\">ALT</span></figure></div><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"768\" data-orig-width=\"1280\"><img src=\"/media/2a644cd686f01a6f8949f45d42648e5b2929a049_17845ff8a5fb.png\" data-orig-height=\"768\" data-orig-width=\"1280\" alt=\"linear rgb\" srcset=\"/media/7efafb5cecdedd96e43753882fcd4d8c63b758e3_cca5b4de1ef0.png 75w, /media/0a6d7f944dd2825bc72316456b91e3dc0b53ea9e_296a15812f20.png 100w, /media/d1bfdf2f4dcb4c87fb95bd749d2c962361ccc7d1_bc7473991523.png 250w, /media/305d4a297f7ef6bd2c66ec5cee5dc0927a1559ea_655f42e28829.png 400w, /media/c93a9aca54dbfd4e6e9c9325b0a1d80a7e071ca5_4ac442ad5e1d.png 500w, /media/a0975698b07ae3fbc17f46cd94502832e8000c99_8d422614b8b2.png 540w, /media/2a644cd686f01a6f8949f45d42648e5b2929a049_17845ff8a5fb.png 640w, /media/c55cda71a93fd23cfcf8b407820d50cddf58092b_b4cb9a553195.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/><span class=\"tmblr-alt-text-helper\">ALT</span></figure><figure class=\"tmblr-full\" data-orig-height=\"768\" data-orig-width=\"1280\"><img src=\"/media/7e2db3188ef2b0924696739f90f503e713e06255_7e56d0247144.png\" data-orig-height=\"768\" data-orig-width=\"1280\" alt=\"lch\" srcset=\"/media/148c2597c839292331f2a5284ad39efe8376927b_3b13e8e01aba.png 75w, /media/4920e003ce65ef82cb4e7e67e779679de084a2aa_47a179129a89.png 100w, /media/5278a9cd40826e0d9b643af9933df60273162cf5_9d6089199032.png 250w, /media/3344b48039876ab92ea18b077485032dc4accad8_9db340903c50.png 400w, /media/13858f06e440a3c268cf890663a5e4e65b24a234_704f64071e5e.png 500w, /media/38a29981ee8b0db9484e7285ebc764f2218e7cf8_b825837dd562.png 540w, /media/7e2db3188ef2b0924696739f90f503e713e06255_7e56d0247144.png 640w, /media/405ab4675b81ef2d634b16316778e0b7eb6fb7b0_a41c8ebab593.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/><span class=\"tmblr-alt-text-helper\">ALT</span></figure></div><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"768\" data-orig-width=\"1280\"><img src=\"/media/66cdfa44a6b13d5854966a512b62b50de632652e_f69d2eae2a29.png\" data-orig-height=\"768\" data-orig-width=\"1280\" alt=\"perceptual rgb\" srcset=\"/media/70287e14665eb8e897489516e6a686a2a8706305_901bc76383e4.png 75w, /media/add5eef10d125202d65e909653fb0f4261283fbc_4ab53c30ff80.png 100w, /media/581ff8e99a618b4d50271a666bf0e541088e809c_00d8dc9f20fd.png 250w, /media/c1b7c2613633c898dc677f4179ca584a04088d65_e42c8f26659c.png 400w, /media/e3a4d6ef9de86fe6ee9ea9a83db1a8785a71f927_45a9bb29737d.png 500w, /media/02300c138d97ad6a2c12e417c2c8dc544f5417a2_18c577d31921.png 540w, /media/66cdfa44a6b13d5854966a512b62b50de632652e_f69d2eae2a29.png 640w, /media/e2cf094459996aee89bea98b4b95561eb9742341_5d961322306e.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/><span class=\"tmblr-alt-text-helper\">ALT</span></figure><figure class=\"tmblr-full\" data-orig-height=\"768\" data-orig-width=\"1280\"><img src=\"/media/d122026f9117b6873b09f4865ad3e400b1c08f3e_7acce4211e43.png\" data-orig-height=\"768\" data-orig-width=\"1280\" alt=\"hsl\" srcset=\"/media/6c3677dd7ace2fb6e8ce453ab62e93ecd3733051_fc573e71f2ce.png 75w, /media/e5afbb91544596fa6a099b23c9bc14939bd20ceb_35c1803e2a40.png 100w, /media/faa7dec6b1560036d09043be0b2e7cc231e883fc_caa127c63372.png 250w, /media/7af6ee60449fe6b31d1d2307a2b1258f8e53b3f5_cf9560fe2127.png 400w, /media/d99ec00e01eda7831c77e0af3bc9f0aed9e3b5a7_46df088e7648.png 500w, /media/168d752f21669c818e0ed4b199cdd05c985b1df1_962b09a00cc7.png 540w, /media/d122026f9117b6873b09f4865ad3e400b1c08f3e_7acce4211e43.png 640w, /media/e64970967e50715e24f78fcb3f53fe5dfe36e480_4e4db464809f.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/><span class=\"tmblr-alt-text-helper\">ALT</span></figure></div><p>(<b>top:</b> original, lab. <b>middle:</b> lrgb, lch. <b>bottom:</b> rgb, hsl)</p><p>look at all of the different purple options you can get just by combining these two colors! </p><p>if you want almost too-vibrant saturation, you can go hsl, if you want something more relaxed that&rsquo;s closer to the original, you can go lab or lrgb. and if you want to split the difference, lch is bright and violet, while rgb is there with its saturated but darker purple.</p><p>anyway, I guess I don&rsquo;t really have a point here? this isn&rsquo;t so much an informational post as it is Me Getting Weird About Colors, but I think it is a useful lesson about how colors look very different on screens compared to how they look on objects in real life.</p><p>and sometimes, I think it&rsquo;s okay to compensate for that.</p><p>out of all of these, this is my favorite bi flag:</p><div class=\"npf_row\"><figure class=\"tmblr-full\" data-orig-height=\"768\" data-orig-width=\"1280\"><img src=\"/media/891ff6ecfc09a36c409c8de16775c56d1a666518_75fb5cc983a5.png\" data-orig-height=\"768\" data-orig-width=\"1280\" srcset=\"/media/4624f197341323afc3ca9a7ab4eae92580af656f_533dbfca8ff3.png 75w, /media/8d4052496f051c8ded61ba62fc28faac50851fdc_6eb9827eb6b9.png 100w, /media/44926358f7a2ef4704848b41ebf11b4f4af57e3b_ef0955b9ba72.png 250w, /media/8615ac9899b5400825f336870da1021e93067e88_cadd145c8b1e.png 400w, /media/048707a3763910eac8f7a12d059b1fe33caf688e_5ad33b822c95.png 500w, /media/e401e675e3ee35c713f18c495f3586ff7cf6cd53_1709210a58b8.png 540w, /media/891ff6ecfc09a36c409c8de16775c56d1a666518_75fb5cc983a5.png 640w, /media/731f6615da1384254e876d0b423b8801c18250cd_cce53c362245.png 1280w\" sizes=\"(max-width: 1280px) 100vw, 1280px\"/></figure></div><p>it&rsquo;s the one where the colors were blended in lab color space. for me, the lighter, softer purple is close enough to the original bi flag purple, while also feeling like a smoother blend of the blue and pink</p><p>but that&rsquo;s just me! and it might not even look the same to you, since every screen is different, because technology is a nightmare!</p><p>anyway, thank you for coming with me on this colorful journey! I will now retreat back to inkscape and make pained sounds about inkstitch gradients until something tangible pulls me back into reality</p></blockquote>", "thumbnail_url": "https://kontextmaschine.com/media/4b81ffe6f8ebbd680e2251221515d09cff5c0ffa_01e8915edf20.png", "thumbnail_width": 408, "thumbnail_height": 148}