Blog Posts


Web-safe colors

 

 

While not as critical as it once was, if you are responsible for putting content on a website, you should at least be aware of the concept of Web Safe Colors.

This is not as important due to the ever improving state of the art with computer hardware, software and display technology (i.e. monitors). Now millions of colors can be displayed with relative ease. That having been said though, with the rapid rise of mobile devices, especially those with lower performance capabilities, it is once again becoming, at least something to be aware of.

#fff
R=255  G=255  B=255
#cff
R=204  G=255  B=255
#9ff
R=153  G=255  B=255
#6ff
R=102  G=255  B=255
#3ff
R=51  G=255  B=255
#0ff
R=0  G=255  B=255
#ffc
R=255  G=255  B=204
#cfc
R=204  G=255  B=204
#9fc
R=153  G=255  B=204
#6fc
R=102  G=255  B=204
#3fc
R=51  G=255  B=204
#0fc
R=0  G=255  B=204
#ff9
R=255  G=255  B=153
#cf9
R=204  G=255  B=153
#9f9
R=153  G=255  B=153
#6f9
R=102  G=255  B=153
#3f9
R=51  G=255  B=153
#0f9
R=0  G=255  B=153
#ff6
R=255  G=255  B=102
#cf6
R=204  G=255  B=102
#9f6
R=153  G=255  B=102
#6f6
R=102  G=255  B=102
#3f6
R=51  G=255  B=102
#0f6
R=0  G=255  B=102
#ff3
R=255  G=255  B=51
#cf3
R=204  G=255  B=51
#9f3
R=153  G=255  B=51
#6f3
R=102  G=255  B=51
#3f3
R=51  G=255  B=51
#0f3
R=0  G=255  B=51
#ff0
R=255  G=255  B=0
#cf0
R=204  G=255  B=0
#9f0
R=153  G=255  B=0
#6f0
R=102  G=255  B=0
#3f0
R=51  G=255  B=0
#0f0
R=0  G=255  B=0
#fcf
R=255  G=204  B=255
#ccf
R=204  G=204  B=255
#9cf
R=153  G=204  B=255
#6cf
R=102  G=204  B=255
#3cf
R=51  G=204  B=255
#0cf
R=0  G=204  B=255
#fcc
R=255  G=204  B=204
#ccc
R=204  G=204  B=204
#9cc
R=153  G=204  B=204
#6cc
R=102  G=204  B=204
#3cc
R=51  G=204  B=204
#0cc
R=0  G=204  B=204
#fc9
R=255  G=204  B=153
#cc9
R=204  G=204  B=153
#9c9
R=153  G=204  B=153
#6c9
R=102  G=204  B=153
#3c9
R=51  G=204  B=153
#0c9
R=0  G=204  B=153
#fc6
R=255  G=204  B=102
#cc6
R=204  G=204  B=102
#9c6
R=153  G=204  B=102
#6c6
R=102  G=204  B=102
#3c6
R=51  G=204  B=102
#0c6
R=0  G=204  B=102
#fc3
R=255  G=204  B=51
#cc3
R=204  G=204  B=51
#9c3
R=153  G=204  B=51
#6c3
R=102  G=204  B=51
#3c3
R=51  G=204  B=51
#0c3
R=0  G=204  B=51
#fc0
R=255  G=204  B=0
#cc0
R=204  G=204  B=0
#9c0
R=153  G=204  B=0
#6c0
R=102  G=204  B=0
#3c0
R=51  G=204  B=0
#0c0
R=0  G=204  B=0
#f9f
R=255  G=153  B=255
#c9f
R=204  G=153  B=255
#99f
R=153  G=153  B=255
#69f
R=102  G=153  B=255
#39f
R=51  G=153  B=255
#09f
R=0  G=153  B=255
#f9c
R=255  G=153  B=204
#c9c
R=204  G=153  B=204
#99c
R=153  G=153  B=204
#69c
R=102  G=153  B=204
#39c
R=51  G=153  B=204
#09c
R=0  G=153  B=204
#f99
R=255  G=153  B=153
#c99
R=204  G=153  B=153
#999
R=153  G=153  B=153
#699
R=102  G=153  B=153
#399
R=51  G=153  B=153
#099
R=0  G=153  B=153
#f96
R=255  G=153  B=102
#c96
R=204  G=153  B=102
#996
R=153  G=153  B=102
#696
R=102  G=153  B=102
#396
R=51  G=153  B=102
#096
R=0  G=153  B=102
#f93
R=255  G=153  B=51
#c93
R=204  G=153  B=51
#993
R=153  G=153  B=51
#693
R=102  G=153  B=51
#393
R=51  G=153  B=51
#093
R=0  G=153  B=51
#f90
R=255  G=153  B=0
#c90
R=204  G=153  B=0
#990
R=153  G=153  B=0
#690
R=102  G=153  B=0
#390
R=51  G=153  B=0
#090
R=0  G=153  B=0
#f6f
R=255  G=102  B=255
#c6f
R=204  G=102  B=255
#96f
R=153  G=102  B=255
#66f
R=102  G=102  B=255
#36f
R=51  G=102  B=255
#06f
R=0  G=102  B=255
#f6c
R=255  G=102  B=204
#c6c
R=204  G=102  B=204
#96c
R=153  G=102  B=204
#66c
R=102  G=102  B=204
#36c
R=51  G=102  B=204
#06c
R=0  G=102  B=204
#f69
R=255  G=102  B=153
#c69
R=204  G=102  B=153
#969
R=153  G=102  B=153
#669
R=102  G=102  B=153
#369
R=51  G=102  B=153
#069
R=0  G=102  B=153
#f66
R=255  G=102  B=102
#c66
R=204  G=102  B=102
#966
R=153  G=102  B=102
#666
R=102  G=102  B=102
#366
R=51  G=102  B=102
#066
R=0  G=102  B=102
#f63
R=255  G=102  B=51
#c63
R=204  G=102  B=51
#963
R=153  G=102  B=51
#663
R=102  G=102  B=51
#363
R=51  G=102  B=51
#063
R=0  G=102  B=51
#f60
R=255  G=102  B=0
#c60
R=204  G=102  B=0
#960
R=153  G=102  B=0
#660
R=102  G=102  B=0
#360
R=51  G=102  B=0
#060
R=0  G=102  B=0
#f3f
R=255  G=51  B=255
#c3f
R=204  G=51  B=255
#93f
R=153  G=51  B=255
#63f
R=102  G=51  B=255
#33f
R=51  G=51  B=255
#03f
R=0  G=51  B=255
#f3c
R=255  G=51  B=204
#c3c
R=204  G=51  B=204
#93c
R=153  G=51  B=204
#63c
R=102  G=51  B=204
#33c
R=51  G=51  B=204
#03c
R=0  G=51  B=204
#f39
R=255  G=51  B=153
#c39
R=204  G=51  B=153
#939
R=153  G=51  B=153
#639
R=102  G=51  B=153
#339
R=51  G=51  B=153
#039
R=0  G=51  B=153
#f36
R=255  G=51  B=102
#c36
R=204  G=51  B=102
#936
R=153  G=51  B=102
#636
R=102  G=51  B=102
#336
R=51  G=51  B=102
#036
R=0  G=51  B=102
#f33
R=255  G=51  B=51
#c33
R=204  G=51  B=51
#933
R=153  G=51  B=51
#633
R=102  G=51  B=51
#333
R=51  G=51  B=51
#033
R=0  G=51  B=51
#f30
R=255  G=51  B=0
#c30
R=204  G=51  B=0
#930
R=153  G=51  B=0
#630
R=102  G=51  B=0
#330
R=51  G=51  B=0
#030
R=0  G=51  B=0
#f0f
R=255  G=0  B=255
#c0f
R=204  G=0  B=255
#90f
R=153  G=0  B=255
#60f
R=102  G=0  B=255
#30f
R=51  G=0  B=255
#00f
R=0  G=0  B=255
#f0c
R=255  G=0  B=204
#c0c
R=204  G=0  B=204
#90c
R=153  G=0  B=204
#60c
R=102  G=0  B=204
#30c
R=51  G=0  B=204
#00c
R=0  G=0  B=204
#f09
R=255  G=0  B=153
#c09
R=204  G=0  B=153
#909
R=153  G=0  B=153
#609
R=102  G=0  B=153
#309
R=51  G=0  B=153
#009
R=0  G=0  B=153
#f06
R=255  G=0  B=102
#c06
R=204  G=0  B=102
#906
R=153  G=0  B=102
#606
R=102  G=0  B=102
#306
R=51  G=0  B=102
#006
R=0  G=0  B=102
#f03
R=255  G=0  B=51
#c03
R=204  G=0  B=51
#903
R=153  G=0  B=51
#603
R=102  G=0  B=51
#303
R=51  G=0  B=51
#003
R=0  G=0  B=51
#f00
R=255  G=0  B=0
#c00
R=204  G=0  B=0
#900
R=153  G=0  B=0
#600
R=102  G=0  B=0
#300
R=51  G=0  B=0
#000
R=0  G=0  B=0