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

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

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

Other Background Colour Combinations

Examine luminosity contrast ratios with other web safe backround colours.