Accessibility

Table of Contrast Ratios

A demonstration of background colors and foreground colors. For brevity, the only background colors are Bases 03, 02, 2, and 3; and the only foreground colors are Bases 01, 00, 0, and 1, along with all accent colors. Contrast ratios are shown in each cell.

Solarized Base03Solarized Base02Solarized Base2Solarized Base3Lunarized Base03Lunarized Base02Lunarized Base2Lunarized Base3
Solarized Base012.792.424.394.993.242.943.894.47
Solarized Base003.372.923.644.133.913.553.223.7
Solarized Base04.754.112.582.935.5152.292.63
Solarized Base15.614.862.182.486.525.911.942.22
Solarized Red3.252.813.774.293.773.423.353.84
Solarized Orange3.262.823.764.273.783.433.333.83
Solarized Yellow4.684.052.622.985.434.932.322.67
Solarized Green4.694.062.622.975.444.942.322.66
Solarized Cyan4.754.122.582.935.525.012.292.62
Solarized Blue4.083.5333.414.744.32.663.06
Solarized Violet3.432.973.574.063.983.613.173.64
Solarized Magenta3.32.863.714.213.833.483.293.78
Lunarized Base012.532.194.855.512.932.664.34.94
Lunarized Base003.12.693.954.493.63.273.54.02
Lunarized Base04.273.72.873.264.964.52.542.92
Lunarized Base15.084.42.412.745.95.352.142.45
Lunarized Cyan7.666.631.61.828.898.071.421.63
Lunarized Blue6.335.481.942.27.356.671.721.97
Lunarized Indigo3.813.33.223.654.424.012.853.28
Lunarized Violet3.73.23.313.764.293.92.943.37
Lunarized Red4.023.483.053.464.674.242.73.1
Lunarized Orange4.644.022.6435.384.882.342.69
Lunarized Yellow4.413.822.783.155.124.652.462.83
Lunarized Green6.986.041.7628.17.351.561.79

The Suggested Use page demonstrates the most accessible contrast ratios.

A summary of contrast ratios.
Large text is defined as above 18pt (24px), or above 14pt (19px) and bold.
Contrast RatioLevelKeywordDescription
[1, 3.0)1bad.Fails WCAG 2.0
[3.0, 4.5)2okay…Passes AA level for large text
[4.5, 7.0)3good!Passes AA level for any size text and AAA for large text
[7.0, 21]4great!!Passes AAA level for any size text