Build a Color Contrast Grid

Enter one color per line (this can be almost any format including Hex, RGB, HSL, HSLA, etc). If you choose to not fill in the "Y axis colors" field, we will compare the X axis against itself.

#000 #0d1214 hsl(210, 8%, 5%) #171e23 #313637 #6e7172 #5d7585 #7d919d #7e96a7 #afb8be gray #d7e1e8 #e3e3e5 #e7edf1 #f1f4f7 #f7f9fa
#000 1.00 1.11 1.08 1.25 1.71 4.27 4.35 6.41 6.81 10.42 5.32 15.82 16.39 17.78 19.02 19.89
#0d1214 1.11 1.00 1.03 1.12 1.54 3.83 3.90 5.75 6.11 9.36 4.77 14.21 14.71 15.97 17.08 17.85
hsl(210, 8%, 5%) 1.08 1.03 1.00 1.15 1.59 3.95 4.03 5.94 6.31 9.65 4.93 14.66 15.18 16.47 17.62 18.42
#171e23 1.25 1.12 1.15 1.00 1.37 3.42 3.49 5.14 5.46 8.36 4.27 12.70 13.15 14.27 15.26 15.95
#313637 1.71 1.54 1.59 1.37 1.00 2.49 2.54 3.74 3.97 6.08 3.10 9.24 9.56 10.38 11.10 11.61
#6e7172 4.27 3.83 3.95 3.42 2.49 1.00 1.02 1.50 1.60 2.44 1.25 3.71 3.84 4.17 4.46 4.66
#5d7585 4.35 3.90 4.03 3.49 2.54 1.02 1.00 1.47 1.57 2.40 1.22 3.64 3.77 4.09 4.37 4.57
#7d919d 6.41 5.75 5.94 5.14 3.74 1.50 1.47 1.00 1.06 1.63 1.21 2.47 2.56 2.77 2.97 3.10
#7e96a7 6.81 6.11 6.31 5.46 3.97 1.60 1.57 1.06 1.00 1.53 1.28 2.32 2.41 2.61 2.79 2.92
#afb8be 10.42 9.36 9.65 8.36 6.08 2.44 2.40 1.63 1.53 1.00 1.96 1.52 1.57 1.71 1.83 1.91
gray 5.32 4.77 4.93 4.27 3.10 1.25 1.22 1.21 1.28 1.96 1.00 2.98 3.08 3.34 3.58 3.74
#d7e1e8 15.82 14.21 14.66 12.70 9.24 3.71 3.64 2.47 2.32 1.52 2.98 1.00 1.04 1.12 1.20 1.26
#e3e3e5 16.39 14.71 15.18 13.15 9.56 3.84 3.77 2.56 2.41 1.57 3.08 1.04 1.00 1.09 1.16 1.21
#e7edf1 17.78 15.97 16.47 14.27 10.38 4.17 4.09 2.77 2.61 1.71 3.34 1.12 1.09 1.00 1.07 1.12
#f1f4f7 19.02 17.08 17.62 15.26 11.10 4.46 4.37 2.97 2.79 1.83 3.58 1.20 1.16 1.07 1.00 1.05
#f7f9fa 19.89 17.85 18.42 15.95 11.61 4.66 4.57 3.10 2.92 1.91 3.74 1.26 1.21 1.12 1.05 1.00