This test allows you to see a spectrum of color combinations with a color of your choice. The spectrum is sorted into groups which pass or fail the color contrast tests specified in the Web Content Accessibility Guidelines (WCAG) versions 1 and 2.

Values to Test


Table of color combinations which pass the WCAG 2 color contrast test with #FFFFFF
Color TestedContrast SamplesLuminosity Ratio
#000000#FFFFFF #00000021:1 Passes Luminosity Ratio Test (Level 3)
#000028#FFFFFF #00002820.38:1 Passes Luminosity Ratio Test (Level 3)
#000050#FFFFFF #00005018.82:1 Passes Luminosity Ratio Test (Level 3)
#000078#FFFFFF #00007816.52:1 Passes Luminosity Ratio Test (Level 3)
#0000a0#FFFFFF #0000a013.93:1 Passes Luminosity Ratio Test (Level 3)
#0000c8#FFFFFF #0000c811.45:1 Passes Luminosity Ratio Test (Level 3)
#0000f0#FFFFFF #0000f09.3:1 Passes Luminosity Ratio Test (Level 2)
#002800#FFFFFF #00280016.11:1 Passes Luminosity Ratio Test (Level 3)
#002828#FFFFFF #00282815.74:1 Passes Luminosity Ratio Test (Level 3)
#002850#FFFFFF #00285014.8:1 Passes Luminosity Ratio Test (Level 3)
#002878#FFFFFF #00287813.34:1 Passes Luminosity Ratio Test (Level 3)
#0028a0#FFFFFF #0028a011.59:1 Passes Luminosity Ratio Test (Level 3)
#0028c8#FFFFFF #0028c89.82:1 Passes Luminosity Ratio Test (Level 2)
#0028f0#FFFFFF #0028f08.2:1 Passes Luminosity Ratio Test (Level 2)
#005000#FFFFFF #0050009.78:1 Passes Luminosity Ratio Test (Level 2)
#005028#FFFFFF #0050289.64:1 Passes Luminosity Ratio Test (Level 2)
#005050#FFFFFF #0050509.28:1 Passes Luminosity Ratio Test (Level 2)
#005078#FFFFFF #0050788.68:1 Passes Luminosity Ratio Test (Level 2)
#0050a0#FFFFFF #0050a07.91:1 Passes Luminosity Ratio Test (Level 2)
#0050c8#FFFFFF #0050c87.04:1 Passes Luminosity Ratio Test (Level 2)
#0050f0#FFFFFF #0050f06.17:1 Passes Luminosity Ratio Test (Level 1)
#007800#FFFFFF #0078005.7:1 Passes Luminosity Ratio Test (Level 1)
#007828#FFFFFF #0078285.65:1 Passes Luminosity Ratio Test (Level 1)
#007850#FFFFFF #0078505.52:1 Passes Luminosity Ratio Test (Level 1)
#007878#FFFFFF #0078785.31:1 Passes Luminosity Ratio Test (Level 1)
#0078a0#FFFFFF #0078a05.01:1 Passes Luminosity Ratio Test (Level 1)
#0078c8#FFFFFF #0078c84.65:1 Passes Luminosity Ratio Test (Level 1)
#280000#FFFFFF #28000019.26:1 Passes Luminosity Ratio Test (Level 3)
#280028#FFFFFF #28002818.74:1 Passes Luminosity Ratio Test (Level 3)
#280050#FFFFFF #28005017.41:1 Passes Luminosity Ratio Test (Level 3)
#280078#FFFFFF #28007815.42:1 Passes Luminosity Ratio Test (Level 3)
#2800a0#FFFFFF #2800a013.14:1 Passes Luminosity Ratio Test (Level 3)
#2800c8#FFFFFF #2800c810.91:1 Passes Luminosity Ratio Test (Level 3)
#2800f0#FFFFFF #2800f08.94:1 Passes Luminosity Ratio Test (Level 2)
#282800#FFFFFF #28280015.07:1 Passes Luminosity Ratio Test (Level 3)
#282828#FFFFFF #28282814.74:1 Passes Luminosity Ratio Test (Level 3)
#282850#FFFFFF #28285013.91:1 Passes Luminosity Ratio Test (Level 3)
#282878#FFFFFF #28287812.61:1 Passes Luminosity Ratio Test (Level 3)
#2828a0#FFFFFF #2828a011.04:1 Passes Luminosity Ratio Test (Level 3)
#2828c8#FFFFFF #2828c89.43:1 Passes Luminosity Ratio Test (Level 2)
#2828f0#FFFFFF #2828f07.92:1 Passes Luminosity Ratio Test (Level 2)
#285000#FFFFFF #2850009.38:1 Passes Luminosity Ratio Test (Level 2)
#285028#FFFFFF #2850289.26:1 Passes Luminosity Ratio Test (Level 2)
#285050#FFFFFF #2850508.92:1 Passes Luminosity Ratio Test (Level 2)
#285078#FFFFFF #2850788.37:1 Passes Luminosity Ratio Test (Level 2)
#2850a0#FFFFFF #2850a07.65:1 Passes Luminosity Ratio Test (Level 2)
#2850c8#FFFFFF #2850c86.84:1 Passes Luminosity Ratio Test (Level 1)
#2850f0#FFFFFF #2850f06.01:1 Passes Luminosity Ratio Test (Level 1)
#287800#FFFFFF #2878005.56:1 Passes Luminosity Ratio Test (Level 1)
#287828#FFFFFF #2878285.52:1 Passes Luminosity Ratio Test (Level 1)
#287850#FFFFFF #2878505.39:1 Passes Luminosity Ratio Test (Level 1)
#287878#FFFFFF #2878785.19:1 Passes Luminosity Ratio Test (Level 1)
#2878a0#FFFFFF #2878a04.9:1 Passes Luminosity Ratio Test (Level 1)
#2878c8#FFFFFF #2878c84.55:1 Passes Luminosity Ratio Test (Level 1)
#500000#FFFFFF #50000015.66:1 Passes Luminosity Ratio Test (Level 3)
#500028#FFFFFF #50002815.31:1 Passes Luminosity Ratio Test (Level 3)
#500050#FFFFFF #50005014.41:1 Passes Luminosity Ratio Test (Level 3)
#500078#FFFFFF #50007813.02:1 Passes Luminosity Ratio Test (Level 3)
#5000a0#FFFFFF #5000a011.36:1 Passes Luminosity Ratio Test (Level 3)
#5000c8#FFFFFF #5000c89.65:1 Passes Luminosity Ratio Test (Level 2)
#5000f0#FFFFFF #5000f08.08:1 Passes Luminosity Ratio Test (Level 2)
#502800#FFFFFF #50280012.77:1 Passes Luminosity Ratio Test (Level 3)
#502828#FFFFFF #50282812.54:1 Passes Luminosity Ratio Test (Level 3)
#502850#FFFFFF #50285011.93:1 Passes Luminosity Ratio Test (Level 3)
#502878#FFFFFF #50287810.96:1 Passes Luminosity Ratio Test (Level 3)
#5028a0#FFFFFF #5028a09.76:1 Passes Luminosity Ratio Test (Level 2)
#5028c8#FFFFFF #5028c88.47:1 Passes Luminosity Ratio Test (Level 2)
#5028f0#FFFFFF #5028f07.23:1 Passes Luminosity Ratio Test (Level 2)
#505000#FFFFFF #5050008.44:1 Passes Luminosity Ratio Test (Level 2)
#505028#FFFFFF #5050288.34:1 Passes Luminosity Ratio Test (Level 2)
#505050#FFFFFF #5050508.06:1 Passes Luminosity Ratio Test (Level 2)
#505078#FFFFFF #5050787.61:1 Passes Luminosity Ratio Test (Level 2)
#5050a0#FFFFFF #5050a07.01:1 Passes Luminosity Ratio Test (Level 2)
#5050c8#FFFFFF #5050c86.32:1 Passes Luminosity Ratio Test (Level 1)
#5050f0#FFFFFF #5050f05.6:1 Passes Luminosity Ratio Test (Level 1)
#507800#FFFFFF #5078005.21:1 Passes Luminosity Ratio Test (Level 1)
#507828#FFFFFF #5078285.17:1 Passes Luminosity Ratio Test (Level 1)
#507850#FFFFFF #5078505.07:1 Passes Luminosity Ratio Test (Level 1)
#507878#FFFFFF #5078784.88:1 Passes Luminosity Ratio Test (Level 1)
#5078a0#FFFFFF #5078a04.63:1 Passes Luminosity Ratio Test (Level 1)
#780000#FFFFFF #78000011.68:1 Passes Luminosity Ratio Test (Level 3)
#780028#FFFFFF #78002811.48:1 Passes Luminosity Ratio Test (Level 3)
#780050#FFFFFF #78005010.97:1 Passes Luminosity Ratio Test (Level 3)
#780078#FFFFFF #78007810.15:1 Passes Luminosity Ratio Test (Level 3)
#7800a0#FFFFFF #7800a09.11:1 Passes Luminosity Ratio Test (Level 2)
#7800c8#FFFFFF #7800c87.98:1 Passes Luminosity Ratio Test (Level 2)
#7800f0#FFFFFF #7800f06.87:1 Passes Luminosity Ratio Test (Level 1)
#782800#FFFFFF #7828009.99:1 Passes Luminosity Ratio Test (Level 2)
#782828#FFFFFF #7828289.85:1 Passes Luminosity Ratio Test (Level 2)
#782850#FFFFFF #7828509.47:1 Passes Luminosity Ratio Test (Level 2)
#782878#FFFFFF #7828788.85:1 Passes Luminosity Ratio Test (Level 2)
#7828a0#FFFFFF #7828a08.05:1 Passes Luminosity Ratio Test (Level 2)
#7828c8#FFFFFF #7828c87.15:1 Passes Luminosity Ratio Test (Level 2)
#7828f0#FFFFFF #7828f06.25:1 Passes Luminosity Ratio Test (Level 1)
#785000#FFFFFF #7850007.13:1 Passes Luminosity Ratio Test (Level 2)
#785028#FFFFFF #7850287.05:1 Passes Luminosity Ratio Test (Level 2)
#785050#FFFFFF #7850506.86:1 Passes Luminosity Ratio Test (Level 1)
#785078#FFFFFF #7850786.53:1 Passes Luminosity Ratio Test (Level 1)
#7850a0#FFFFFF #7850a06.08:1 Passes Luminosity Ratio Test (Level 1)
#7850c8#FFFFFF #7850c85.56:1 Passes Luminosity Ratio Test (Level 1)
#7850f0#FFFFFF #7850f04.99:1 Passes Luminosity Ratio Test (Level 1)
#787800#FFFFFF #7878004.68:1 Passes Luminosity Ratio Test (Level 1)
#787828#FFFFFF #7878284.65:1 Passes Luminosity Ratio Test (Level 1)
#787850#FFFFFF #7878504.56:1 Passes Luminosity Ratio Test (Level 1)
#a00000#FFFFFF #a000008.42:1 Passes Luminosity Ratio Test (Level 2)
#a00028#FFFFFF #a000288.32:1 Passes Luminosity Ratio Test (Level 2)
#a00050#FFFFFF #a000508.04:1 Passes Luminosity Ratio Test (Level 2)
#a00078#FFFFFF #a000787.59:1 Passes Luminosity Ratio Test (Level 2)
#a000a0#FFFFFF #a000a06.99:1 Passes Luminosity Ratio Test (Level 1)
#a000c8#FFFFFF #a000c86.31:1 Passes Luminosity Ratio Test (Level 1)
#a000f0#FFFFFF #a000f05.6:1 Passes Luminosity Ratio Test (Level 1)
#a02800#FFFFFF #a028007.5:1 Passes Luminosity Ratio Test (Level 2)
#a02828#FFFFFF #a028287.42:1 Passes Luminosity Ratio Test (Level 2)
#a02850#FFFFFF #a028507.21:1 Passes Luminosity Ratio Test (Level 2)
#a02878#FFFFFF #a028786.84:1 Passes Luminosity Ratio Test (Level 1)
#a028a0#FFFFFF #a028a06.35:1 Passes Luminosity Ratio Test (Level 1)
#a028c8#FFFFFF #a028c85.78:1 Passes Luminosity Ratio Test (Level 1)
#a028f0#FFFFFF #a028f05.18:1 Passes Luminosity Ratio Test (Level 1)
#a05000#FFFFFF #a050005.77:1 Passes Luminosity Ratio Test (Level 1)
#a05028#FFFFFF #a050285.72:1 Passes Luminosity Ratio Test (Level 1)
#a05050#FFFFFF #a050505.59:1 Passes Luminosity Ratio Test (Level 1)
#a05078#FFFFFF #a050785.37:1 Passes Luminosity Ratio Test (Level 1)
#a050a0#FFFFFF #a050a05.06:1 Passes Luminosity Ratio Test (Level 1)
#a050c8#FFFFFF #a050c84.69:1 Passes Luminosity Ratio Test (Level 1)
#c80000#FFFFFF #c800006.08:1 Passes Luminosity Ratio Test (Level 1)
#c80028#FFFFFF #c800286.02:1 Passes Luminosity Ratio Test (Level 1)
#c80050#FFFFFF #c800505.88:1 Passes Luminosity Ratio Test (Level 1)
#c80078#FFFFFF #c800785.63:1 Passes Luminosity Ratio Test (Level 1)
#c800a0#FFFFFF #c800a05.3:1 Passes Luminosity Ratio Test (Level 1)
#c800c8#FFFFFF #c800c84.9:1 Passes Luminosity Ratio Test (Level 1)
#c82800#FFFFFF #c828005.59:1 Passes Luminosity Ratio Test (Level 1)
#c82828#FFFFFF #c828285.54:1 Passes Luminosity Ratio Test (Level 1)
#c82850#FFFFFF #c828505.42:1 Passes Luminosity Ratio Test (Level 1)
#c82878#FFFFFF #c828785.21:1 Passes Luminosity Ratio Test (Level 1)
#c828a0#FFFFFF #c828a04.92:1 Passes Luminosity Ratio Test (Level 1)
#c828c8#FFFFFF #c828c84.57:1 Passes Luminosity Ratio Test (Level 1)
#c85000#FFFFFF #c850004.56:1 Passes Luminosity Ratio Test (Level 1)
#c85028#FFFFFF #c850284.53:1 Passes Luminosity Ratio Test (Level 1)

Translations

  • Ke-Huan “Jedi” Lin — Traditional Chinese (Jedi Blog)
  • Carlos Alfonso — Portuguese (No web site provided.)
  • Aurélien Levy — French (fairytells)
  • Marjolein Katsma — Dutch (Marjolein Katsma)

« Color Contrast Article | Two-color Comparison | Accessible Design Blog | Joe Dolson Accessible Web Design