Safe colors
Use high contrast buttons to change the background/text color.
The Web safe colors consists in 216 colors supported between browsers and different platforms and organized by its hues. The hue is the characteristic of the color best distinguished by the human eye.
Each color is defined by its hue, saturation and lightness.
Saturation - The saturation decreases with the addition of the gray.
Brightness - The brightness increases with the addition of white.
| #FFFFFF |
#CCCCCC |
#999999 |
#666666 |
#333333 |
#000000 |
| |
| #669999 |
#006666 |
#009999 |
|
|
|
| #99CCCC |
#66CCCC |
#00CCCC |
#00FFFF |
#99FFFF |
#CCFFFF |
| #66CC99 |
#009966 |
#00CC99 |
#66FFCC |
#00FFCC |
#99FFCC |
| |
|
|
#99FF99 |
#66FF99 |
#00FF99 |
| #99CC99 |
#99CC66 |
#66CC66 |
#33CC66 |
#33FF66 |
#00FF66 |
| |
|
|
#339900 |
#009900 |
#33CC00 |
| #99CC00 |
#669900 |
#336600 |
|
#66CC00 |
#00FF00 |
| #669966 |
#336633 |
#003300 |
|
#CCFFCC |
#99FF66 |
| #999966 |
#666633 |
#333300 |
|
#CCFF99 |
#99FF33 |
| #CCCC66 |
#999900 |
#666600 |
|
#CCFF66 |
#CCFF00 |
| #CCCC99 |
#996600 |
|
|
#FFFFCC |
#FFFF99 |
| #CC9966 |
#996633 |
|
#330000 |
|
#FFFF66 |
| #FFCC66 |
|
|
#663300 |
|
#FFFF00 |
| #FFCC99 |
#FF9966 |
#CC6633 |
#993300 |
#CC9933 |
#FFCC00 |
| #FF6666 |
#CC0033 |
#663333 |
#660000 |
#CC3300 |
#FF6600 |
| #FF9999 |
#CC6666 |
#993333 |
#990033 |
#990000 |
#FF0000 |
| #FFCCCC |
#CC9999 |
#996666 |
#660033 |
#FF6699 |
#FF0066 |
| #FF99CC |
#CC6699 |
#CC3399 |
#990066 |
#CC0066 |
#FF0099 |
| #FFCCFF |
#FF99FF |
#FF66FF |
#FF33FF |
#FF33CC |
#FF66CC |
| #996699 |
#CC99CC |
#CC66CC |
#CC33CC |
#993399 |
#660066 |
| #9966CC |
#CC99FF |
#CC66FF |
#CC00FF |
#9933CC |
#663366 |
| #666699 |
#9999CC |
#CCCCFF |
#663399 |
#660099 |
#330033 |
| #6699FF |
#9999FF |
#9933FF |
#9966FF |
#330066 |
|
| #6666FF |
#6600FF |
#6633CC |
#6666CC |
#333366 |
| #0066CC |
#003399 |
#000066 |
#333399 |
#003366 |
#000033 |
| #0066FF |
#3366FF |
#0000FF |
#0000CC |
#3333CC |
|
| |
#3366CC |
#0099FF |
#00CCFF |
#66CCFF |
|
| #0099CC |
#006699 |
#6699CC |
#99CCFF |
|
|
Grayscale
| Black |
#000000 |
(0,0,0) |
| Gray |
#333333 |
(51,51,51) |
| DarkGray |
#666666 |
(102,102,102) |
| Silver |
#C0C0C0 |
(153,153,153) |
| LightGrey |
#CCCCCC |
(204,204,204) |
| White |
#FFFFFF |
(255,255,255) |
The 16 basic colors
| Black |
#000000 |
(0,0,0) |
| DarkBlue |
#000099 |
(0,0,153) |
| Green |
#009900 |
(0,153,0) |
| DarkTurquoise |
#009999 |
(0,153,153) |
| DarkRed |
#990000 |
(153,0,0) |
| DarkMagenta |
#990099 |
(153,0,153) |
| Olive |
#999900 |
(153,153,0) |
| LightGrey |
#CCCCCC |
(204,204,204) |
| Silver |
#999999 |
(153,153,153) |
| Blue |
#0000FF |
(0,0,255) |
| Lime |
#00FF00 |
(0,255,0) |
| Aqua / Cyan |
#00FFFF |
(0,255,255) |
| Red |
#FF0000 |
(255,0,0) |
| Fuchsia / Magenta |
#FF00FF |
(255,0,255) |
| Yellow |
#FFFF00 |
(255,255,0) |
| White |
#FFFFFF |
(255,255,255) |
