Contents

Introduction

The purpose of this page is to display luminosity contrast ratios for all web safe colours against a web safe background colour. The results are shown in a table that also includes the difference in brightness, and the difference in colour that are used by the colour contrast analyser for comparison. To test the luminosity contrast ratio for any colour combination, use the luminosity contrast ratio analyser.

The following icons are used in the results to indicate whether or not the result of a calculation is a pass.

Key for the Icons
Icon Meaning
Fail Indicates the value shown is a failure.
Pass Indicates the value shown is a pass.
Level AA Indicates that the luminosity contrast ratio is a level AA pass for large text (at least 18 point or 14 point bold)
Level AAA Indicates that the luminosity contrast ratio is a level AAA pass for large text (at least 18 point or 14 point bold)
Level AA Indicates that the luminosity contrast ratio is a level AA pass for regular text.
Level AAA Indicates that the luminosity contrast ratio is a level AAA pass for regular text.

Luminosity Contrast Ratios for #36f

The following table shows the luminosity contrast ratios for all web safe colours with a background colour of #36f, along with the difference in brightness and the difference in colour used by the colour contrast analyser for comparison.

Luminosity Ratios with background: #36f
Foreground Colour Sample Luminosity Contrast Ratio Difference in Brightness Difference in Colour
#000 Sample Pass Level AA for large text4.49
Fail fo regular text
Fail 104 Fail 408
#003 Sample Pass Level AA for large text4.28
Fail fo regular text
Fail 98 Fail 357
#006 Sample Pass Level AA for large text3.76
Fail fo regular text
Fail 92 Fail 306
#009 Sample Pass Level AA for large text3.07
Fail fo regular text
Fail 86 Fail 255
#00c Sample Fail2.40
Fail
Fail 80 Fail 204
#00f Sample Fail1.84
Fail
Fail 75 Fail 153
#030 Sample Pass Level AA for large text3.04
Fail fo regular text
Fail 74 Fail 357
#033 Sample Fail2.95
Fail
Fail 68 Fail 306
#036 Sample Fail2.69
Fail
Fail 62 Fail 255
#039 Sample Fail2.32
Fail
Fail 56 Fail 204
#03c Sample Fail1.91
Fail
Fail 51 Fail 153
#03f Sample Fail1.54
Fail
Fail 45 Fail 102
#060 Sample Fail1.55
Fail
Fail 44 Fail 306
#063 Sample Fail1.52
Fail
Fail 38 Fail 255
#066 Sample Fail1.45
Fail
Fail 32 Fail 204
#069 Sample Fail1.33
Fail
Fail 26 Fail 153
#06c Sample Fail1.19
Fail
Fail 21 Fail 102
#06f Sample Fail1.03
Fail
Fail 15 Fail 51
#090 Sample Fail1.24
Fail
Fail 14 Fail 357
#093 Sample Fail1.25
Fail
Fail 8 Fail 306
#096 Sample Fail1.28
Fail
Fail 2 Fail 255
#099 Sample Fail1.34
Fail
Fail 3 Fail 204
#09c Sample Fail1.43
Fail
Fail 8 Fail 153
#09f Sample Fail1.56
Fail
Fail 14 Fail 102
#0c0 Sample Fail2.15
Fail
Fail 15 Fail 408
#0c3 Sample Fail2.16
Fail
Fail 21 Fail 357
#0c6 Sample Fail2.19
Fail
Fail 27 Fail 306
#0c9 Sample Fail2.25
Fail
Fail 32 Fail 255
#0cc Sample Fail2.34
Fail
Fail 38 Fail 204
#0cf Sample Fail2.47
Fail
Fail 44 Fail 153
#0f0 Sample Pass Level AA for large text3.41
Fail fo regular text
Fail 45 Fail 459
#0f3 Sample Pass Level AA for large text3.42
Fail fo regular text
Fail 51 Fail 408
#0f6 Sample Pass Level AA for large text3.45
Fail fo regular text
Fail 57 Fail 357
#0f9 Sample Pass Level AA for large text3.51
Fail fo regular text
Fail 62 Fail 306
#0fc Sample Pass Level AA for large text3.61
Fail fo regular text
Fail 68 Fail 255
#0ff Sample Pass Level AA for large text3.73
Fail fo regular text
Fail 74 Fail 204
#300 Sample Pass Level AA for large text3.93
Fail fo regular text
Fail 88 Fail 357
#303 Sample Pass Level AA for large text3.77
Fail fo regular text
Fail 83 Fail 306
#306 Sample Pass Level AA for large text3.37
Fail fo regular text
Fail 77 Fail 255
#309 Sample Fail2.80
Fail
Fail 71 Fail 204
#30c Sample Fail2.23
Fail
Fail 65 Fail 153
#30f Sample Fail1.74
Fail
Fail 59 Fail 102
#330 Sample Fail2.78
Fail
Fail 59 Fail 306
#333 Sample Fail2.70
Fail
Fail 53 Fail 255
#336 Sample Fail2.48
Fail
Fail 47 Fail 204
#339 Sample Fail2.16
Fail
Fail 41 Fail 153
#33c Sample Fail1.80
Fail
Fail 35 Fail 102
#33f Sample Fail1.47
Fail
Fail 29 Fail 51
#360 Sample Fail1.47
Fail
Fail 29 Fail 255
#363 Sample Fail1.45
Fail
Fail 23 Fail 204
#366 Sample Fail1.39
Fail
Fail 17 Fail 153
#369 Sample Fail1.28
Fail
Fail 11 Fail 102
#36c Sample Fail1.15
Fail
Fail 5 Fail 51
#36f Sample Fail1.00
Fail
Fail 0 Fail 0
#390 Sample Fail1.27
Fail
Fail 0 Fail 306
#393 Sample Fail1.28
Fail
Fail 6 Fail 255
#396 Sample Fail1.31
Fail
Fail 12 Fail 204
#399 Sample Fail1.37
Fail
Fail 18 Fail 153
#39c Sample Fail1.46
Fail
Fail 24 Fail 102
#39f Sample Fail1.59
Fail
Fail 29 Fail 51
#3c0 Sample Fail2.18
Fail
Fail 30 Fail 357
#3c3 Sample Fail2.19
Fail
Fail 36 Fail 306
#3c6 Sample Fail2.22
Fail
Fail 42 Fail 255
#3c9 Sample Fail2.28
Fail
Fail 48 Fail 204
#3cc Sample Fail2.37
Fail
Fail 54 Fail 153
#3cf Sample Fail2.50
Fail
Fail 59 Fail 102
#3f0 Sample Pass Level AA for large text3.44
Fail fo regular text
Fail 60 Fail 408
#3f3 Sample Pass Level AA for large text3.45
Fail fo regular text
Fail 66 Fail 357
#3f6 Sample Pass Level AA for large text3.49
Fail fo regular text
Fail 72 Fail 306
#3f9 Sample Pass Level AA for large text3.55
Fail fo regular text
Fail 78 Fail 255
#3fc Sample Pass Level AA for large text3.64
Fail fo regular text
Fail 83 Fail 204
#3ff Sample Pass Level AA for large text3.77
Fail fo regular text
Fail 89 Fail 153
#600 Sample Fail2.87
Fail
Fail 73 Fail 408
#603 Sample Fail2.78
Fail
Fail 67 Fail 357
#606 Sample Fail2.55
Fail
Fail 62 Fail 306
#609 Sample Fail2.22
Fail
Fail 56 Fail 255
#60c Sample Fail1.84
Fail
Fail 50 Fail 204
#60f Sample Fail1.49
Fail
Fail 44 Fail 153
#630 Sample Fail2.20
Fail
Fail 43 Fail 357
#633 Sample Fail2.15
Fail
Fail 37 Fail 306
#636 Sample Fail2.01
Fail
Fail 32 Fail 255
#639 Sample Fail1.80
Fail
Fail 26 Fail 204
#63c Sample Fail1.54
Fail
Fail 20 Fail 153
#63f Sample Fail1.29
Fail
Fail 14 Fail 102
#660 Sample Fail1.29
Fail
Fail 13 Fail 306
#663 Sample Fail1.28
Fail
Fail 8 Fail 255
#666 Sample Fail1.23
Fail
Fail 2 Fail 204
#669 Sample Fail1.14
Fail
Fail 3 Fail 153
#66c Sample Fail1.03
Fail
Fail 9 Fail 102
#66f Sample Fail1.09
Fail
Fail 15 Fail 51
#690 Sample Fail1.36
Fail
Fail 16 Fail 357
#693 Sample Fail1.38
Fail
Fail 21 Fail 306
#696 Sample Fail1.41
Fail
Fail 27 Fail 255
#699 Sample Fail1.47
Fail
Fail 33 Fail 204
#69c Sample Fail1.56
Fail
Fail 39 Fail 153
#69f Sample Fail1.69
Fail
Fail 45 Fail 102
#6c0 Sample Fail2.27
Fail
Fail 46 Fail 408
#6c3 Sample Fail2.29
Fail
Fail 51 Fail 357
#6c6 Sample Fail2.32
Fail
Fail 57 Fail 306
#6c9 Sample Fail2.38
Fail
Fail 63 Fail 255
#6cc Sample Fail2.47
Fail
Fail 69 Fail 204
#6cf Sample Fail2.60
Fail
Fail 75 Fail 153
#6f0 Sample Pass Level AA for large text3.54
Fail fo regular text
Fail 75 Fail 459
#6f3 Sample Pass Level AA for large text3.55
Fail fo regular text
Fail 81 Fail 408
#6f6 Sample Pass Level AA for large text3.58
Fail fo regular text
Fail 87 Fail 357
#6f9 Sample Pass Level AA for large text3.64
Fail fo regular text
Fail 93 Fail 306
#6fc Sample Pass Level AA for large text3.73
Fail fo regular text
Fail 99 Fail 255
#6ff Sample Pass Level AA for large text3.86
Fail fo regular text
Fail 105 Fail 204
#900 Sample Fail1.91
Fail
Fail 58 Fail 459
#903 Sample Fail1.87
Fail
Fail 52 Fail 408
#906 Sample Fail1.76
Fail
Fail 46 Fail 357
#909 Sample Fail1.59
Fail
Fail 41 Fail 306
#90c Sample Fail1.39
Fail
Fail 35 Fail 255
#90f Sample Fail1.18
Fail
Fail 29 Fail 204
#930 Sample Fail1.59
Fail
Fail 28 Fail 408
#933 Sample Fail1.56
Fail
Fail 22 Fail 357
#936 Sample Fail1.49
Fail
Fail 16 Fail 306
#939 Sample Fail1.36
Fail
Fail 11 Fail 255
#93c Sample Fail1.21
Fail
Fail 5 Fail 204
#93f Sample Fail1.05
Fail
Fail 0 Fail 153
#960 Sample Fail1.05
Fail
Fail 1 Fail 357
#963 Sample Fail1.04
Fail
Fail 7 Fail 306
#966 Sample Fail1.01
Fail
Fail 13 Fail 255
#969 Sample Fail1.05
Fail
Fail 18 Fail 204
#96c Sample Fail1.14
Fail
Fail 24 Fail 153
#96f Sample Fail1.27
Fail
Fail 30 Fail 102
#990 Sample Fail1.54
Fail
Fail 31 Fail 408
#993 Sample Fail1.55
Fail
Fail 37 Fail 357
#996 Sample Fail1.58
Fail
Fail 42 Fail 306
#999 Sample Fail1.64
Fail
Fail 48 Fail 255
#99c Sample Fail1.74
Fail
Fail 54 Fail 204
#99f Sample Fail1.86
Fail
Fail 60 Fail 153
#9c0 Sample Fail2.45
Fail
Fail 61 Fail 459
#9c3 Sample Fail2.46
Fail
Fail 67 Fail 408
#9c6 Sample Fail2.49
Fail
Fail 72 Fail 357
#9c9 Sample Fail2.55
Fail
Fail 78 Fail 306
#9cc Sample Fail2.64
Fail
Fail 84 Fail 255
#9cf Sample Fail2.77
Fail
Fail 90 Fail 204
#9f0 Sample Pass Level AA for large text3.71
Fail fo regular text
Fail 91 Pass 510
#9f3 Sample Pass Level AA for large text3.72
Fail fo regular text
Fail 97 Fail 459
#9f6 Sample Pass Level AA for large text3.76
Fail fo regular text
Fail 102 Fail 408
#9f9 Sample Pass Level AA for large text3.82
Fail fo regular text
Fail 108 Fail 357
#9fc Sample Pass Level AA for large text3.91
Fail fo regular text
Fail 114 Fail 306
#9ff Sample Pass Level AA for large text4.04
Fail fo regular text
Fail 120 Fail 255
#c00 Sample Fail1.26
Fail
Fail 43 Pass 510
#c03 Sample Fail1.24
Fail
Fail 37 Fail 459
#c06 Sample Fail1.19
Fail
Fail 31 Fail 408
#c09 Sample Fail1.11
Fail
Fail 25 Fail 357
#c0c Sample Fail1.01
Fail
Fail 19 Fail 306
#c0f Sample Fail1.12
Fail
Fail 14 Fail 255
#c30 Sample Fail1.11
Fail
Fail 13 Fail 459
#c33 Sample Fail1.10
Fail
Fail 7 Fail 408
#c36 Sample Fail1.06
Fail
Fail 1 Fail 357
#c39 Sample Fail1.00
Fail
Fail 4 Fail 306
#c3c Sample Fail1.10
Fail
Fail 9 Fail 255
#c3f Sample Fail1.22
Fail
Fail 15 Fail 204
#c60 Sample Fail1.22
Fail
Fail 16 Fail 408
#c63 Sample Fail1.23
Fail
Fail 22 Fail 357
#c66 Sample Fail1.26
Fail
Fail 28 Fail 306
#c69 Sample Fail1.32
Fail
Fail 34 Fail 255
#c6c Sample Fail1.41
Fail
Fail 39 Fail 204
#c6f Sample Fail1.54
Fail
Fail 45 Fail 153
#c90 Sample Fail1.81
Fail
Fail 46 Fail 459
#c93 Sample Fail1.82
Fail
Fail 52 Fail 408
#c96 Sample Fail1.85
Fail
Fail 58 Fail 357
#c99 Sample Fail1.91
Fail
Fail 64 Fail 306
#c9c Sample Fail2.01
Fail
Fail 69 Fail 255
#c9f Sample Fail2.13
Fail
Fail 75 Fail 204
#cc0 Sample Fail2.72
Fail
Fail 76 Pass 510
#cc3 Sample Fail2.73
Fail
Fail 82 Fail 459
#cc6 Sample Fail2.76
Fail
Fail 88 Fail 408
#cc9 Sample Fail2.82
Fail
Fail 93 Fail 357
#ccc Sample Fail2.92
Fail
Fail 99 Fail 306
#ccf Sample Pass Level AA for large text3.04
Fail fo regular text
Fail 105 Fail 255
#cf0 Sample Pass Level AA for large text3.98
Fail fo regular text
Fail 106 Pass 561
#cf3 Sample Pass Level AA for large text4.00
Fail fo regular text
Fail 112 Pass 510
#cf6 Sample Pass Level AA for large text4.03
Fail fo regular text
Fail 118 Fail 459
#cf9 Sample Pass Level AA for large text4.09
Fail fo regular text
Fail 123 Fail 408
#cfc Sample Pass Level AA for large text4.18
Fail fo regular text
Pass 129 Fail 357
#cff Sample Pass Level AA for large text4.31
Fail fo regular text
Pass 135 Fail 306
#f00 Sample Fail1.17
Fail
Fail 27 Pass 561
#f03 Sample Fail1.18
Fail
Fail 22 Pass 510
#f06 Sample Fail1.21
Fail
Fail 16 Fail 459
#f09 Sample Fail1.27
Fail
Fail 10 Fail 408
#f0c Sample Fail1.37
Fail
Fail 4 Fail 357
#f0f Sample Fail1.49
Fail
Fail 1 Fail 306
#f30 Sample Fail1.28
Fail
Fail 1 Pass 510
#f33 Sample Fail1.29
Fail
Fail 7 Fail 459
#f36 Sample Fail1.32
Fail
Fail 13 Fail 408
#f39 Sample Fail1.38
Fail
Fail 19 Fail 357
#f3c Sample Fail1.47
Fail
Fail 25 Fail 306
#f3f Sample Fail1.60
Fail
Fail 31 Fail 255
#f60 Sample Fail1.59
Fail
Fail 31 Fail 459
#f63 Sample Fail1.61
Fail
Fail 37 Fail 408
#f66 Sample Fail1.64
Fail
Fail 43 Fail 357
#f69 Sample Fail1.70
Fail
Fail 49 Fail 306
#f6c Sample Fail1.79
Fail
Fail 55 Fail 255
#f6f Sample Fail1.92
Fail
Fail 60 Fail 204
#f90 Sample Fail2.19
Fail
Fail 61 Pass 510
#f93 Sample Fail2.20
Fail
Fail 67 Fail 459
#f96 Sample Fail2.23
Fail
Fail 73 Fail 408
#f99 Sample Fail2.29
Fail
Fail 79 Fail 357
#f9c Sample Fail2.38
Fail
Fail 85 Fail 306
#f9f Sample Fail2.51
Fail
Fail 90 Fail 255
#fc0 Sample Pass Level AA for large text3.10
Fail fo regular text
Fail 91 Pass 561
#fc3 Sample Pass Level AA for large text3.11
Fail fo regular text
Fail 97 Pass 510
#fc6 Sample Pass Level AA for large text3.14
Fail fo regular text
Fail 103 Fail 459
#fc9 Sample Pass Level AA for large text3.20
Fail fo regular text
Fail 109 Fail 408
#fcc Sample Pass Level AA for large text3.29
Fail fo regular text
Fail 115 Fail 357
#fcf Sample Pass Level AA for large text3.42
Fail fo regular text
Fail 120 Fail 306
#ff0 Sample Pass Level AA for large text4.36
Fail fo regular text
Fail 121 Pass 612
#ff3 Sample Pass Level AA for large text4.37
Fail fo regular text
Pass 127 Pass 561
#ff6 Sample Pass Level AA for large text4.40
Fail fo regular text
Pass 133 Pass 510
#ff9 Sample Pass Level AA for large text4.46
Fail fo regular text
Pass 139 Fail 459
#ffc Sample Pass Level AAA for large text4.55
Pass level 2 fo regular text
Pass 144 Fail 408
#fff Sample Pass Level AAA for large text4.68
Pass level 2 fo regular text
Pass 150 Fail 357

Other Background Colour Combinations

Examine luminosity contrast ratios with other web safe backround colours.