Grayscale with Temperature · M.A. Baytaş
DESIGN ENGINEERING Temperature-saturated grayscale generation with accessibility reporting. year 2025 tags React · TypeScript · Vibe Code · Design Systems SATURATION CURVE #FFFFFF #FFFFFF Fail 1.00 #E4E5E7 Fail 1.26 #CACCD0 Fail 1.61 #B0B3BB Fail 2.10 #969BA7 Fail 2.78 #7D8492 A 3.76 #676D7A AA 5.19 #525661 AAA 7.34 #3E4147 AAA 10.23 #2B2D30 AAA 13.81 #191A1B AAA 17.43 #000001 AAA 20.99 #E4E5E7 #FFFFFF Fail 1.26 #E4E5E7 Fail 1.00 #CACCD0 Fail 1.28 #B0B3BB Fail 1.66 #969BA7 Fail 2.21 #7D8492 Fail 2.98 #676D7A A 4.12 #525661 AA 5.82 #3E4147 AAA 8.12 #2B2D30 AAA 10.96 #191A1B AAA 13.83 #000001 AAA 16.65 #CACCD0 #FFFFFF Fail 1.61 #E4E5E7 Fail 1.28 #CACCD0 Fail 1.00 #B0B3BB Fail 1.30 #969BA7 Fail 1.73 #7D8492 Fail 2.34 #676D7A A 3.23 #525661 A 4.56 #3E4147 AA 6.36 #2B2D30 AAA 8.59 #191A1B AAA 10.84 #000001 AAA 13.05 #B0B3BB #FFFFFF Fail 2.10 #E4E5E7 Fail 1.66 #CACCD0 Fail 1.30 #B0B3BB Fail 1.00 #969BA7 Fail 1.33 #7D8492 Fail 1.79 #676D7A Fail 2.47 #525661 A 3.50 #3E4147 A 4.88 #2B2D30 A
Explore this link on the map →