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

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

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

Other Background Colour Combinations

Examine luminosity contrast ratios with other web safe backround colours.