Web safe colors

Other posts in these subject areas: Color   CSS   Design   Education   Marketing   Security   Other Subjects

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

 

Other posts in these subject areas: Color   CSS   Design   Education   Marketing   Security   Other Subjects