Skip to content

Files

Latest commit

ebf0f0e · Apr 23, 2023

History

History
1492 lines (1324 loc) · 66.2 KB

contrast-ratios.org

File metadata and controls

1492 lines (1324 loc) · 66.2 KB

Ef themes: contrast ratios of the main colours

Check this files Git history for updates.

Evaluate these snippets, otherwise the tables will not work. Then update a table by typing C-c C-c with point at the #+TBLFM: line.

;; Copied from my `modus-themes'.

;; This is the WCAG formula to measure relative luminance:
;; <https://www.w3.org/TR/WCAG20-TECHS/G18.html>.
(defun modus-themes-wcag-formula (hex)
  "Get WCAG value of color value HEX.
The value is defined in hexadecimal RGB notation, such as those in
`modus-themes-operandi-colors' and `modus-themes-vivendi-colors'."
  (cl-loop for k in '(0.2126 0.7152 0.0722)
           for x in (color-name-to-rgb hex)
           sum (* k (if (<= x 0.03928)
                        (/ x 12.92)
                      (expt (/ (+ x 0.055) 1.055) 2.4)))))

;;;###autoload
(defun modus-themes-contrast (c1 c2)
  "Measure WCAG contrast ratio between C1 and C2.
C1 and C2 are color values written in hexadecimal RGB."
  (let ((ct (/ (+ (modus-themes-wcag-formula c1) 0.05)
               (+ (modus-themes-wcag-formula c2) 0.05))))
    (max ct (/ ct))))

(defalias #'Λ #'modus-themes-contrast)

;; Just an alias for the built-in function that measures distance
;; between colours...
(defalias #'Δ #'color-distance)

ef-autumn

Base colours

Name#0f0e06#26211d#36322f#15140d
fg-main#cfbcba10.648.776.9910.16
fg-dim#887c8a4.884.023.204.66
fg-alt#70a89f7.185.914.716.85
red#ef656a6.215.114.075.92
red-warmer#f26f256.525.374.286.22
red-cooler#f07f7f7.416.114.867.07
red-faint#df7f7f6.895.684.526.57
green#2fa5266.024.963.955.74
green-warmer#64aa0f6.725.544.416.41
green-cooler#00b0666.825.624.476.51
green-faint#5f9f6f6.155.074.045.87
yellow#c487026.285.174.125.99
yellow-warmer#d0730f5.664.663.715.40
yellow-cooler#df8f6f7.646.305.027.29
yellow-faint#cf9f7f8.216.775.397.84
blue#379cf66.685.504.386.37
blue-warmer#6a88ff6.064.993.985.78
blue-cooler#029fff6.825.624.486.51
blue-faint#6a84af5.104.203.344.86
magenta#d570af6.235.134.095.95
magenta-warmer#e580ea7.936.535.207.57
magenta-cooler#af8aff7.286.004.786.95
magenta-faint#c590af7.356.064.837.02
cyan#4fb0cf7.786.415.107.42
cyan-warmer#6fafff8.527.025.598.13
cyan-cooler#3dbbb08.236.785.407.85
cyan-faint#82a0af7.005.764.596.68

Special colours against the modeline

Name#692a12
modeline-err#ff9fbf5.65
modeline-warning#dfcf336.76
modeline-info#4fdf5f6.21

Distance and contrast between main backgrounds

#0f0e06distancecontrast
#26211d41201.21
#36322f133511.52

ef-bio

Base colours

Name#111111#222522#303230#161916
red#ef65606.034.944.125.66
red-warmer#f473606.725.514.606.30
red-cooler#ff778f7.456.115.107.00
red-faint#d56f725.714.683.915.36
green#3fb83f7.326.005.016.87
green-warmer#7fc5008.897.296.098.35
green-cooler#00c0898.006.575.487.51
green-faint#7fc07f8.777.196.008.23
yellow#d4aa028.597.045.888.06
yellow-warmer#e09a0f7.916.495.427.43
yellow-cooler#cfc04f10.178.346.969.54
yellow-faint#b7a07f7.516.165.147.05
blue#37aff67.766.365.317.28
blue-warmer#78afff8.436.915.777.91
blue-cooler#32cfef10.178.346.969.54
blue-faint#6ab4cf8.136.675.577.63
magenta#d38faf7.486.145.127.02
magenta-warmer#e490df8.416.905.767.90
magenta-cooler#af9fff8.306.815.687.79
magenta-faint#caa5bf8.677.115.948.14
cyan#6fc5ef9.818.056.719.21
cyan-warmer#7fcfdf10.698.777.3210.04
cyan-cooler#5dc0aa8.627.075.908.09
cyan-faint#7fb4cf8.396.885.747.88

Special colours against the modeline

Name#00552f
modeline-err#ff9fbf4.68
modeline-warning#dfcf335.60
modeline-info#7fdfff5.94

Distance and contrast between main backgrounds

#111111distancecontrast
#22252230681.22
#30323092321.46

ef-cherie

Base colours

Name#190a0f#291f26#392a2f#1e1216
fg-main#d3cfcf12.4510.318.7911.79
fg-dim#8088985.404.473.815.11
fg-alt#bf9cdf8.286.855.847.84
red#ff73597.195.955.086.81
red-warmer#ff656f6.735.574.756.37
red-cooler#ff78aa7.806.465.517.39
red-faint#e47f726.945.754.906.57
green#60b4447.436.155.247.03
green-warmer#80b25f7.746.415.477.33
green-cooler#60bf888.527.066.028.07
green-faint#61a06c6.195.124.375.86
yellow#e5b76f10.388.607.339.83
yellow-warmer#ea99558.416.975.947.97
yellow-cooler#f592808.527.066.028.07
yellow-faint#bf9f8f7.856.505.547.43
blue#8fa5f68.146.745.747.70
blue-warmer#a897ef7.646.325.397.23
blue-cooler#7fa5ff8.006.625.657.57
blue-faint#7f9ab46.585.454.656.23
magenta#ef80bf7.806.465.507.38
magenta-warmer#f470df7.546.245.327.14
magenta-cooler#df7fff7.896.545.577.47
magenta-faint#cc9bcf8.396.955.927.94
cyan#8fbaef9.567.926.759.05
cyan-warmer#9ac0e410.118.377.149.57
cyan-cooler#8fcfdf11.149.227.8610.54
cyan-faint#aac0cf10.218.467.219.67

Special colours against the modeline

Name#771a4f
modeline-err#ff9f1f5.00
modeline-warning#c0bf305.25
modeline-info#6fefaf7.16

Distance and contrast between main backgrounds

#190a0fdistancecontrast
#291f2638571.21
#392a2f92881.42

ef-cyprus

Base colours

Name#fcf7ef#f0ece0#e5e3d8#f8f3ea
fg-main#24252114.4613.0611.9813.95
fg-dim#59786f4.544.103.764.38
fg-alt#7f475a6.676.025.536.44
red#9f0d0f7.767.006.427.48
red-warmer#dd00204.814.343.984.64
red-cooler#ca34004.924.444.084.75
red-faint#b053504.694.233.884.52
green#006f006.015.434.985.80
green-warmer#5574005.074.584.204.89
green-cooler#00824f4.574.133.794.41
green-faint#3a6f485.555.014.605.36
yellow#a7601f4.544.103.764.38
yellow-warmer#bf44004.874.404.044.70
yellow-cooler#a2604f4.564.113.774.40
yellow-faint#8f6f4a4.343.923.594.18
blue#375cc65.615.074.655.41
blue-warmer#444fcf6.035.455.005.82
blue-cooler#065fbf5.805.234.805.59
blue-faint#4a659f5.394.874.465.20
magenta#9a456f5.705.154.725.50
magenta-warmer#bf456a4.614.163.824.44
magenta-cooler#8448aa5.645.104.685.45
magenta-faint#804f606.145.555.095.93
cyan#1f70af4.934.454.084.76
cyan-warmer#3f6faf4.804.333.974.63
cyan-cooler#007a9f4.604.153.814.43
cyan-faint#4f677f5.504.974.565.31

Special colours against the modeline

Name#c0df6f
modeline-err#950f0f5.96
modeline-warning#7f00af5.56
modeline-info#0040af5.96

Distance and contrast between main backgrounds

#fcf7efdistancecontrast
#f0ece013791.11
#e5e3d842781.21

ef-dark

Base colours

Name#000000#1a1a1a#2b2b2b#121212
fg-main#d0d0d013.6211.289.1812.15
fg-dim#807f9f5.454.523.684.87
fg-alt#89afef9.447.836.378.42
red#ef65606.705.554.525.98
red-warmer#f473607.476.195.046.66
red-cooler#ff5a7a7.005.804.726.24
red-faint#d56f726.355.264.285.66
green#0faa266.805.634.586.06
green-warmer#6aad0f7.606.305.126.78
green-cooler#00a6926.875.694.636.13
green-faint#61a06c6.755.604.556.02
yellow#bf90327.256.014.896.47
yellow-warmer#d1843f7.085.874.786.32
yellow-cooler#df8f5a8.216.815.547.33
yellow-faint#cf9f8f9.017.476.078.04
blue#3f95f66.845.674.616.10
blue-warmer#6a9fff8.026.645.407.15
blue-cooler#029fff7.416.144.996.61
blue-faint#7a94df7.135.914.816.36
magenta#d369af6.415.314.325.72
magenta-warmer#e580ea8.617.135.807.68
magenta-cooler#af85ff7.626.325.146.80
magenta-faint#c58faf7.035.834.746.27
cyan#4fbaef9.607.966.478.57
cyan-warmer#6fafff9.257.676.248.25
cyan-cooler#1dbfcf9.417.806.348.39
cyan-faint#8aa0df8.176.775.517.29

Special colours against the modeline

Name#2a2a75
modeline-err#ff80af5.31
modeline-warning#c0b3005.75
modeline-info#2fc82f5.59

Distance and contrast between main backgrounds

#000000distancecontrast
#1a1a1a61311.21
#2b2b2b167711.48

ef-day

Base colours

Name#fff5ea#f2e9db#e9e0d8#f7efe6
fg-main#5841418.687.777.178.21
fg-dim#63728f4.504.033.724.26
fg-alt#8f5f4a5.004.474.134.72
red#ba2d2f5.574.984.605.26
red-warmer#ce3f004.504.033.724.25
red-cooler#cf2f4f4.674.183.864.42
red-faint#b053504.644.163.844.39
green#007a0a5.154.614.254.87
green-warmer#5a74004.964.444.104.69
green-cooler#0f7f5f4.624.133.824.37
green-faint#61756c4.574.093.784.32
yellow#a45a224.804.293.974.54
yellow-warmer#b755154.514.043.734.27
yellow-cooler#aa4f305.044.514.164.77
yellow-faint#9a625a4.574.093.784.32
blue#375cc65.564.974.595.26
blue-warmer#5f5fdf4.664.173.854.40
blue-cooler#265fbf5.625.034.645.31
blue-faint#4a659f5.344.784.415.05
magenta#ca3e544.514.033.724.26
magenta-warmer#cb2f804.584.103.794.33
magenta-cooler#8448aa5.595.004.625.29
magenta-faint#a044505.675.084.695.37
cyan#3f60af5.574.984.605.26
cyan-warmer#3f6faf4.754.253.934.49
cyan-cooler#0f7b8f4.594.113.794.34
cyan-faint#4f6f8f4.874.364.034.61

Special colours against the modeline

Name#ffaf72
modeline-err#9000005.32
modeline-warning#66008f5.37
modeline-info#1f409f5.07

Distance and contrast between main backgrounds

#fff5eadistancecontrast
#f2e9db15461.12
#e9e0d838871.21

ef-deuteranopia-dark

Base colours

Most of these are not actually used. The theme only maps the blues and yellows. We just define the entire palette to make it work with the overall design of the project.

Name#000a1f#121f34#243145#0d1429
fg-main#ddddee14.7212.319.7813.62
fg-dim#7f87975.474.573.635.06
fg-alt#90afef9.007.525.988.32
red#cf85606.755.654.486.25
red-warmer#e473606.515.444.326.02
red-cooler#cf7a7a6.325.284.205.85
red-faint#b57f825.954.973.955.50
green#3faa266.575.504.376.08
green-warmer#7aad0f7.356.144.886.80
green-cooler#3fa6726.505.434.326.01
green-faint#61a06c6.355.314.225.88
yellow#aa9f327.266.074.826.71
yellow-warmer#cfaf009.207.706.118.51
yellow-cooler#bfaf7a9.067.576.028.38
yellow-faint#af9a6a7.206.024.786.66
blue#3f90f06.075.084.045.62
blue-warmer#6a9fff7.546.315.016.98
blue-cooler#009fff6.965.824.636.44
blue-faint#7a94df6.715.614.456.20
magenta#b379bf6.025.044.005.57
magenta-warmer#af80ea6.685.584.446.18
magenta-cooler#9f95ff7.736.465.137.15
magenta-faint#c59fcf8.697.265.778.04
cyan#5faaef7.986.675.307.38
cyan-warmer#7fafff8.917.465.928.25
cyan-cooler#0db0ff8.166.825.427.55
cyan-faint#8aa0df7.696.435.117.11

Special colours against the modeline

Name#003f8f
modeline-err#ffff009.28
modeline-warning#ddb3004.99
modeline-info#aaaaff4.70

Distance and contrast between main backgrounds

#000a1fdistancecontrast
#121f3437601.20
#243145130991.51

ef-deuteranopia-light

Base colours

Most of these are not actually used. The theme only maps the blues and yellows. We just define the entire palette to make it work with the overall design of the project.

Name#f5f5ff#e8e8ea#d3d3e0#efeff5
fg-main#1a1a2f15.7313.9211.4914.87
fg-dim#70627f5.184.593.784.90
fg-alt#196f705.464.843.995.17
red#d3303a4.564.033.334.31
red-warmer#e000334.604.073.364.35
red-cooler#d50f7f4.614.083.374.36
red-faint#c245524.544.023.324.30
green#217a3c4.954.393.624.68
green-warmer#4a7d004.594.063.354.34
green-cooler#0080584.584.063.354.34
green-faint#61756c4.544.023.324.29
yellow#805d005.574.934.075.26
yellow-warmer#9650005.634.984.115.32
yellow-cooler#7650406.485.744.736.13
yellow-faint#776d6a4.644.113.394.39
blue#375cd85.264.663.844.98
blue-warmer#4250ef5.354.733.915.06
blue-cooler#065fff4.744.203.464.48
blue-faint#6060d04.754.203.474.49
magenta#ba35af4.604.073.364.35
magenta-warmer#cf25aa4.313.823.154.08
magenta-cooler#6052cf5.384.763.935.09
magenta-faint#bf35804.804.253.514.54
cyan#1f6fbf4.754.203.474.49
cyan-warmer#3f6faf4.724.183.454.47
cyan-cooler#1f77bb4.393.893.214.15
cyan-faint#506fa04.704.163.444.45

Special colours against the modeline

We can’t have the appropriate colour-coding with this theme. So we use a tone. Blue is okay.

Name#99c7ff
modeline-err#00000011.97
modeline-warning#0a0a1f11.12
modeline-info#2222c35.74

Distance and contrast between main backgrounds

#f5f5ffdistancecontrast
#e8e8ea20981.13
#d3d3e0100711.37

ef-duo-dark

Base colours

Most of these are not actually used. The theme primarily maps the blue/cyan and yellow hues. We just define the entire palette to make it work with the overall design of the project.

Name#070019#1d1a26#2a2739#13101f
fg-main#d0d0d013.3111.099.4012.14
fg-dim#857f8f5.314.423.754.84
fg-alt#89afef9.237.696.528.42
red#ef656a6.595.494.666.01
red-warmer#f473607.306.085.166.66
red-cooler#ef798f7.636.355.396.96
red-faint#d08f727.686.405.427.00
green#1fa5266.325.274.475.77
green-warmer#50a22f6.405.334.525.84
green-cooler#00b9828.086.735.717.37
green-faint#61a06c6.605.504.666.02
yellow#c487026.665.554.716.07
yellow-warmer#d0730f6.005.004.245.48
yellow-cooler#df805f7.226.025.106.59
yellow-faint#9f8f6a6.465.384.575.89
blue#379cf67.095.905.016.46
blue-warmer#6f80ff6.075.064.295.53
blue-cooler#029fff7.246.035.126.60
blue-faint#8a9fdf7.926.605.607.23
magenta#d369af6.265.224.435.71
magenta-warmer#e580ea8.417.015.957.67
magenta-cooler#af85ff7.456.215.266.80
magenta-faint#c57faf6.875.724.866.27
cyan#5faaef8.296.915.867.56
cyan-warmer#7fafff9.267.726.558.45
cyan-cooler#0dafdf8.036.695.677.32
cyan-faint#8aa0df7.996.665.657.29

Special colours against the modeline

Name#352487
modeline-err#ff8faf5.59
modeline-warning#dfcf007.45
modeline-info#00e06f6.78

Distance and contrast between main backgrounds

#070019distancecontrast
#1d1a2642341.20
#2a2739117161.42

ef-duo-light

Base colours

Most of these are not actually used. The theme primarily maps the blue/cyan and yellow hues. We just define the entire palette to make it work with the overall design of the project.

Name#fff8f0#f6ece8#e7e0da#f9f2ef
fg-main#22222215.1013.7012.1814.38
fg-dim#63728f4.604.173.714.38
fg-alt#856f4a4.564.143.684.34
red#cc33334.884.423.934.64
red-warmer#dd11004.804.353.874.57
red-cooler#c044404.814.373.884.58
red-faint#a2403f5.975.414.815.68
green#217a3c5.094.624.114.85
green-warmer#4a7d004.724.283.804.49
green-cooler#0080584.714.283.804.49
green-faint#61756c4.674.243.764.44
yellow#8a5d005.474.964.415.20
yellow-warmer#9f4a005.775.244.655.49
yellow-cooler#8f5a3a5.404.904.355.14
yellow-faint#7656406.285.695.065.98
blue#375cd85.414.914.365.15
blue-warmer#4250ef5.504.994.435.23
blue-cooler#065fff4.884.423.934.64
blue-faint#6060d04.884.433.944.65
magenta#ba35af4.734.293.814.50
magenta-warmer#cf25aa4.434.023.574.22
magenta-cooler#6052cf5.535.024.465.26
magenta-faint#bf35804.944.483.984.70
cyan#1f6fbf4.884.433.944.65
cyan-warmer#3f6faf4.864.413.924.62
cyan-cooler#1f77bb4.524.103.644.30
cyan-faint#406f905.124.644.134.87

Special colours against the modeline

Name#f8cf8f
modeline-err#9500006.28
modeline-warning#6f008f6.91
modeline-info#00409f6.41

Distance and contrast between main backgrounds

#fff8f0distancecontrast
#f6ece89541.10
#e7e0da50341.24

ef-frost

Base colours

Name#fcffff#eaefef#d7dbdb#f7f9f9
fg-main#23232315.6313.5411.2614.87
fg-dim#66657f5.604.854.035.32
fg-alt#204f9a7.896.845.687.51
red#c42d2f5.554.814.005.28
red-warmer#d030035.094.413.664.84
red-cooler#cf2f4f5.014.343.614.76
red-faint#9a43666.205.374.475.90
green#008a004.513.903.254.29
green-warmer#4684004.583.973.304.36
green-cooler#00845f4.684.053.374.45
green-faint#51753c5.284.573.805.02
yellow#aa61004.734.093.404.50
yellow-warmer#b6532f4.894.243.534.66
yellow-cooler#996c4f4.533.923.264.31
yellow-faint#804f4f6.635.744.786.31
blue#004fc07.256.285.226.90
blue-warmer#4244ef6.325.474.556.01
blue-cooler#065fff5.114.423.684.86
blue-faint#375cc85.925.134.275.63
magenta#aa44c54.814.173.464.58
magenta-warmer#c0469a4.563.953.284.34
magenta-cooler#7f5ae04.704.073.394.47
magenta-faint#605f9f5.754.984.145.47
cyan#1f6fbf5.114.433.684.87
cyan-warmer#3a6dd24.864.213.504.62
cyan-cooler#007a855.074.393.654.82
cyan-faint#305f9f6.405.544.616.09

Special colours against the modeline

Name#9ad0ff
modeline-err#a000005.15
modeline-warning#7f10905.40
modeline-info#0000af7.93

Distance and contrast between main backgrounds

#fcffffdistancecontrast
#eaefef25241.15
#d7dbdb119691.39

ef-kassio

Base colours

Name#fff7f7#efe7e7#e0dbdb#f9eff3
fg-main#201f3615.1813.1611.6914.24
fg-dim#776f794.593.983.544.31
fg-alt#af49884.824.183.714.52
red#b002346.855.945.286.43
red-warmer#e000334.724.093.634.43
red-cooler#d5305f4.503.913.474.23
red-faint#af3f5f5.384.664.145.05
green#217a3c5.084.413.924.77
green-warmer#4a7d004.714.083.634.42
green-cooler#0083584.543.933.494.26
green-faint#61756c4.664.043.594.37
yellow#9a60124.914.253.784.60
yellow-warmer#b6530f4.704.083.624.41
yellow-cooler#a046465.754.994.435.40
yellow-faint#a65d6a4.533.933.494.25
blue#3c3bbe7.776.745.987.29
blue-warmer#4250ef5.494.764.235.15
blue-cooler#065fff4.874.223.754.57
blue-faint#6060d04.884.233.754.57
magenta#a01f646.926.005.336.49
magenta-warmer#9f248a6.435.584.956.03
magenta-cooler#7022bf7.456.465.746.99
magenta-faint#954f905.244.544.034.91
cyan#2f5f9f6.115.304.705.73
cyan-warmer#3f6faf4.854.203.734.55
cyan-cooler#1077ab4.684.063.614.39
cyan-faint#506fa04.834.193.724.53

Special colours against the modeline

Name#e0bfba
modeline-err#9f00004.98
modeline-warning#5f00707.17
modeline-info#002fa06.44

Distance and contrast between main backgrounds

#fff7f7distancecontrast
#efe7e723221.15
#e0dbdb76351.30

ef-light

Base colours

Name#ffffff#efefef#dbdbdb#f9f9f9
fg-main#20202016.2914.1711.7715.48
fg-dim#70627f5.614.884.055.33
fg-alt#196f705.925.154.275.62
red#d3303a4.944.293.574.69
red-warmer#e000334.984.333.604.73
red-cooler#d50f7f5.004.343.614.74
red-faint#c245524.924.283.554.67
green#217a3c5.374.673.885.10
green-warmer#4a7d004.974.323.594.72
green-cooler#0088584.503.923.254.28
green-faint#41754c5.424.713.925.15
yellow#a45f224.954.313.584.71
yellow-warmer#b6532f4.924.283.554.67
yellow-cooler#b650504.944.293.574.69
yellow-faint#a65f6a4.704.093.404.47
blue#375cd85.704.964.125.41
blue-warmer#4250ef5.795.044.185.50
blue-cooler#065fff5.144.473.714.88
blue-faint#6060d05.154.473.724.89
magenta#ba35af4.984.333.604.73
magenta-warmer#cf25aa4.674.063.374.43
magenta-cooler#6052cf5.825.074.215.53
magenta-faint#af569f4.513.923.264.29
cyan#1f6fbf5.144.473.714.88
cyan-warmer#3f6faf5.124.453.704.86
cyan-cooler#1f77bb4.764.143.444.52
cyan-faint#506fa05.094.433.684.84

Special colours against the modeline

Name#b7c7ff
modeline-err#9f00005.10
modeline-warning#5f00707.34
modeline-info#002fa06.60

Distance and contrast between main backgrounds

#ffffffdistancecontrast
#efefef23221.15
#dbdbdb117551.38

ef-night

Base colours

Name#000e17#242e39#242e39#11141f
fg-main#afbcbf10.027.067.069.42
fg-dim#70819f4.963.503.504.66
fg-alt#b0a0a07.805.505.507.33
red#ef656a6.274.424.425.89
red-warmer#f473606.954.904.906.53
red-cooler#ef798f7.265.125.126.82
red-faint#d56f725.904.164.165.55
green#1fa5266.024.244.245.66
green-warmer#50a22f6.094.304.305.73
green-cooler#00b6727.385.205.206.94
green-faint#61a06c6.284.434.435.90
yellow#c485026.234.404.405.86
yellow-warmer#e6832f7.125.025.026.69
yellow-cooler#df8f6f7.725.445.447.25
yellow-faint#cf9f7f8.305.855.857.80
blue#379cf66.744.754.756.34
blue-warmer#6a88ff6.124.314.315.75
blue-cooler#029fff6.894.864.866.48
blue-faint#7a94df6.634.684.686.23
magenta#d570af6.294.444.445.92
magenta-warmer#e580ea8.015.645.647.53
magenta-cooler#af8aff7.355.185.186.91
magenta-faint#c59faf8.335.875.877.83
cyan#4fb0cf7.855.545.547.38
cyan-warmer#6fafff8.606.076.078.09
cyan-cooler#3dc0b08.716.146.148.19
cyan-faint#92b4df9.136.446.448.58

Special colours against the modeline

Name#003a7f
modeline-err#ff8faf5.13
modeline-warning#dfcf006.83
modeline-info#00e06f6.22

Distance and contrast between main backgrounds

#000e17distancecontrast
#1a202b38921.20
#242e39102451.42

ef-spring

Base colours

Name#f6fff9#e8f0f0#e0e6e3#f0f8f4
fg-main#34494a9.378.267.558.84
fg-dim#7771944.503.973.634.25
fg-alt#9d5e7a4.774.213.854.50
red#c42d2f5.474.824.415.16
red-warmer#d030035.014.424.044.73
red-cooler#cf2f4f4.934.353.984.66
red-faint#b648505.114.504.124.82
green#1a870f4.564.023.674.30
green-warmer#4a7d004.874.303.934.60
green-cooler#007f684.864.293.924.59
green-faint#61756c4.824.253.894.55
yellow#a45f224.864.283.924.59
yellow-warmer#b6540f4.834.263.894.56
yellow-cooler#ae5a304.784.223.864.52
yellow-faint#8764505.194.574.184.90
blue#375cc65.875.174.735.54
blue-warmer#5f5fdf4.924.333.964.64
blue-cooler#265fbf5.935.234.785.60
blue-faint#6a65bf4.874.303.934.60
magenta#d5206f4.834.263.894.56
magenta-warmer#cb26a04.764.203.844.50
magenta-cooler#9435b46.015.304.845.67
magenta-faint#a043605.945.244.795.61
cyan#1f6fbf5.044.444.064.76
cyan-warmer#3f6faf5.024.424.044.74
cyan-cooler#0f7b8f4.844.273.914.57
cyan-faint#5f60bf5.264.644.244.97

Special colours against the modeline

Name#90e8b0
modeline-err#9f00305.70
modeline-warning#5f0f9f6.98
modeline-info#1240af6.04

Distance and contrast between main backgrounds

#f6fff9distancecontrast
#e8f0f016551.13
#e0e6e349581.24

ef-summer

Base colours

Name#fff2f3#f2e4ea#efd3e4#f7ebee
fg-main#4f40738.327.376.537.81
fg-dim#786e744.503.993.534.22
fg-alt#af49884.664.133.664.37
red#d3303a4.524.013.554.25
red-warmer#e000334.564.053.584.29
red-cooler#d50f7f4.584.063.594.30
red-faint#c245524.514.003.544.24
green#217a3c4.924.363.864.62
green-warmer#4a7d004.564.043.584.28
green-cooler#007f684.544.033.574.27
green-faint#61756c4.514.003.544.23
yellow#a45f224.544.033.564.26
yellow-warmer#b6532f4.514.003.544.24
yellow-cooler#b650504.534.013.554.25
yellow-faint#9a5f6a4.564.043.584.28
blue#375ce65.024.453.944.71
blue-warmer#5250ef5.134.554.034.82
blue-cooler#065fff4.714.173.704.42
blue-faint#6060d04.724.183.704.43
magenta#ba35af4.574.053.584.29
magenta-warmer#cb1aaa4.514.003.544.23
magenta-cooler#8e44f34.513.993.544.23
magenta-faint#a453924.554.033.574.27
cyan#1f6fbf4.714.183.704.42
cyan-warmer#3f6faf4.694.163.684.40
cyan-cooler#0f7b8f4.534.013.554.25
cyan-faint#5f60bf4.924.363.864.62

Special colours against the modeline

Name#ffa4dc
modeline-err#9f003f4.55
modeline-warning#5f009f5.84
modeline-info#1240af4.88

Distance and contrast between main backgrounds

#fff2f3distancecontrast
#f2e5ea13531.12
#efd3e451001.27

ef-symbiosis

Base colours

Name#130911#221920#372d32#191317
fg-main#d0d0d012.6711.098.6011.87
fg-dim#857f8f5.054.423.434.73
fg-alt#89afef8.787.695.968.23
red#ef63606.165.394.185.78
red-warmer#ff73557.296.384.956.83
red-cooler#fe5a7a6.475.674.396.07
red-faint#d56f725.905.174.015.53
green#0faa266.325.544.295.93
green-warmer#6aad0f7.076.194.806.62
green-cooler#00a6926.395.594.345.99
green-faint#61a06c6.285.504.265.89
yellow#bf90326.755.904.586.32
yellow-warmer#d1843f6.595.774.476.18
yellow-cooler#df8a5a7.376.455.006.91
yellow-faint#cf9f8f8.387.345.697.86
blue#3f95f66.365.574.325.97
blue-warmer#6a9fff7.466.535.066.99
blue-cooler#029fff6.896.034.686.46
blue-faint#7a94df6.635.814.506.22
magenta#d369af5.965.224.055.59
magenta-warmer#e580ea8.017.015.437.51
magenta-cooler#af85ff7.096.214.816.65
magenta-faint#c58faf7.376.455.006.91
cyan#4fbaef8.937.826.068.37
cyan-warmer#6fafff8.617.535.848.07
cyan-cooler#1dbfcf8.757.665.948.20
cyan-faint#8aa0df7.616.665.167.13

Special colours against the modeline

Name#583435
modeline-err#ff906f4.84
modeline-warning#dfcf736.80
modeline-info#7fc82f5.21

Distance and contrast between main backgrounds

#130911distancecontrast
#22192021651.14
#372d32111591.47

ef-trio-dark

Base colours

Name#160f0f#2a2228#362f35#1c1719
fg-main#d8cfd512.4410.178.5511.64
fg-dim#9088905.514.503.785.15
fg-alt#afdacf12.4010.138.5211.60
red#f483597.436.075.106.95
red-warmer#ff75607.185.874.936.72
red-cooler#ff85aa8.286.775.697.75
red-faint#e07a9a6.695.464.596.26
green#60b4447.315.975.026.84
green-warmer#a0c27f9.487.756.518.87
green-cooler#60bf888.396.855.767.85
green-faint#61a06c6.094.974.185.69
yellow#d4a0528.076.595.547.55
yellow-warmer#ef926f8.126.645.587.60
yellow-cooler#ef96808.426.885.797.88
yellow-faint#c7a07f7.906.455.437.39
blue#7fa5f67.776.345.337.26
blue-warmer#8895ff7.025.744.826.57
blue-cooler#72afff8.386.845.757.83
blue-faint#7a94df6.435.254.416.01
magenta#d37faf6.695.474.606.26
magenta-warmer#e772df7.095.804.876.64
magenta-cooler#a698ef7.546.165.187.05
magenta-faint#c9addf9.497.756.528.88
cyan#8fbaff9.597.836.598.97
cyan-warmer#9ac2ff10.408.497.149.73
cyan-cooler#8fcfdf10.968.957.5310.25
cyan-faint#8ac0ef9.808.006.739.16

Special colours against the modeline

Name#6a294f
modeline-err#ff9fcf5.44
modeline-warning#edbf005.90
modeline-info#5fd0bf5.51

Distance and contrast between main backgrounds

#160f0fdistancecontrast
#2a222841221.22
#362f35104941.46

ef-trio-light

Base colours

Name#f8f5ff#ebe7f1#e3e0e9#efeef7
fg-main#4f33639.828.688.119.19
fg-dim#786e744.554.033.764.26
fg-alt#3f76684.874.314.024.56
red#c3303a5.124.534.234.80
red-warmer#d030334.694.153.884.39
red-cooler#c01f5f5.414.784.475.06
red-faint#a245685.434.804.495.09
green#0578005.284.674.364.94
green-warmer#4f7d0f4.564.033.774.27
green-cooler#007f6f4.574.043.784.28
green-faint#41754c5.034.454.164.71
yellow#a45f224.604.073.804.30
yellow-warmer#b8532f4.523.993.734.23
yellow-cooler#b650504.584.053.794.29
yellow-faint#a05b5f4.694.153.874.39
blue#375cd65.324.704.404.98
blue-warmer#5165e44.503.983.724.21
blue-cooler#065fbf5.745.074.745.37
blue-faint#6060d04.784.223.954.47
magenta#ad45ba4.503.973.714.21
magenta-warmer#c035aa4.503.983.724.21
magenta-cooler#705ae34.584.043.784.28
magenta-faint#804fb05.324.704.404.98
cyan#1f6fbf4.774.223.944.47
cyan-warmer#3f6faf4.754.203.924.45
cyan-cooler#0f7a9d4.544.023.754.25
cyan-faint#5f60bf4.984.414.124.66

Special colours against the modeline

Name#ddb4ff
modeline-err#9800005.16
modeline-warning#5f44005.21
modeline-info#1042af4.98

Distance and contrast between main backgrounds

#f8f5ffdistancecontrast
#ece8f115141.12
#e3e0e940891.21

ef-tritanopia-dark

Base colours

Most of these are not actually used. The theme only maps the reds and cyans. We just define the entire palette to make it work with the overall design of the project.

Name#15050f#282026#352f2f#1a1517
fg-main#dfd0d513.3210.668.8312.14
fg-dim#9088905.764.613.825.25
fg-alt#afdacf12.9710.388.6011.82
red#cf4f5f4.663.733.094.24
red-warmer#df4f4f5.064.053.364.61
red-cooler#d24f7f4.873.903.234.44
red-faint#b07f7f5.844.673.875.32
green#2fa5266.164.934.085.61
green-warmer#64aa0f6.885.514.566.27
green-cooler#00b0666.985.594.636.36
green-faint#5f9f6f6.295.044.175.74
yellow#c487026.425.144.265.86
yellow-warmer#d0730f5.794.643.845.28
yellow-cooler#df8f6f7.826.265.197.13
yellow-faint#cf9f7f8.416.735.587.67
blue#379cf66.845.474.536.23
blue-warmer#6a88ff6.204.974.115.65
blue-cooler#029fff6.985.594.636.36
blue-faint#6a84af5.224.183.464.75
magenta#b2608f4.683.753.104.27
magenta-warmer#c560aa5.314.253.524.84
magenta-cooler#a6699f4.853.883.224.42
magenta-faint#c590af7.536.034.996.86
cyan#3fafcf7.776.225.167.09
cyan-warmer#3f9aaf6.084.874.045.55
cyan-cooler#4fafaf7.626.105.066.95
cyan-faint#82a0af7.165.734.756.53

Special colours against the modeline

Name#671822
modeline-err#ff7fbf5.22
modeline-warning#df9f935.50
modeline-info#4fcfef6.65

Distance and contrast between main backgrounds

#15050fdistancecontrast
#28202652451.25
#352f2f122711.51

ef-tritanopia-light

Base colours

Most of these are not actually used. The theme only maps the reds and cyans. We just define the entire palette to make it work with the overall design of the project.

Name#fff9f9#efecec#ddd9d9#f7f2f2
fg-main#1a1a1a16.7214.8212.4315.70
fg-dim#7562755.364.753.995.04
fg-alt#194f907.876.985.857.39
red#aa00107.426.585.526.97
red-warmer#dd00004.954.393.684.65
red-cooler#c50f4f5.675.034.225.33
red-faint#92454f6.335.614.715.94
green#217a3c5.154.573.834.84
green-warmer#4a7d004.774.233.554.48
green-cooler#0080584.774.233.554.48
green-faint#61756c4.724.193.514.44
yellow#805d005.795.134.315.44
yellow-warmer#9650005.865.194.365.50
yellow-cooler#7650406.745.985.016.33
yellow-faint#776d6a4.834.283.594.53
blue#375cd85.474.854.075.14
blue-warmer#4250ef5.564.934.145.22
blue-cooler#065fff4.934.373.674.63
blue-faint#6060d04.944.383.684.64
magenta#aa357f5.725.074.265.37
magenta-warmer#bf256a5.474.854.075.13
magenta-cooler#af40af4.834.283.594.54
magenta-faint#7f45806.585.834.896.18
cyan#2070af5.044.473.754.74
cyan-warmer#2f5faf5.975.294.445.61
cyan-cooler#007faa4.373.873.254.10
cyan-faint#5f6a905.114.533.804.79

Special colours against the modeline

Name#ff99aa
modeline-err#8f00004.79
modeline-warning#6f306f4.46
modeline-info#00445f5.22

Distance and contrast between main backgrounds

#fff9f9distancecontrast
#ece8e828361.17
#dad6d6115361.38

ef-winter

Base colours

Name#0f0b15#1d202f#2a2f42#19181f
fg-main#b8c6d511.199.297.6310.13
fg-dim#807c9f4.914.083.354.45
fg-alt#bf8f8f6.995.804.766.33
red#f473596.905.734.706.25
red-warmer#ef65606.215.154.235.62
red-cooler#ff6a7a7.045.844.806.37
red-faint#d56f725.884.884.015.32
green#29a4446.014.994.105.44
green-warmer#6aad0f7.045.844.806.37
green-cooler#00a3926.175.124.205.58
green-faint#61a06c6.265.204.265.67
yellow#b58a526.235.174.245.64
yellow-warmer#d1803f6.375.294.345.76
yellow-cooler#df8a887.536.255.136.82
yellow-faint#c0a38a8.206.815.597.42
blue#3f95f66.345.264.325.74
blue-warmer#6a9fff7.436.175.066.73
blue-cooler#029fff6.865.704.686.21
blue-faint#7a94df6.615.484.505.98
magenta#d369af5.944.934.055.38
magenta-warmer#e580e07.876.545.367.13
magenta-cooler#af85ea6.835.674.656.18
magenta-faint#c57faf6.515.414.445.90
cyan#4fbaef8.907.396.068.06
cyan-warmer#6fafdf8.226.835.607.45
cyan-cooler#35afbf7.456.185.076.74
cyan-faint#8aa0df7.586.295.166.86

Special colours against the modeline

Name#5f1f5f
modeline-err#ff9fbf5.93
modeline-warning#c0b3005.24
modeline-info#40e0af6.76

Distance and contrast between main backgrounds

#0f0b15distancecontrast
#1d202f41751.20
#2a2f42126701.47