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 #f36

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

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

Other Background Colour Combinations

Examine luminosity contrast ratios with other web safe backround colours.