Colores

En una pgina web o en una hoja de estilo se puede definir los colores mediante cdigos numricos o mediante nombres de colores. Existen varios cdigos numricos, aunque lo habitual es utilizar cdigos RGB. En esta pgina se tratan los siguientes temas:

Cdigos de colores RGB Nombres de colores HTML 3.2 Nombres de colores X11 / SVG Nombres de colores del sistema Cdigos de colores HSL Opacidad: opacity

Para combinar los colores de las pginas, se puede recurrir a sitios como Color Scheme Designer.

Cdigos de colores RGB

Las pantallas de ordenador consiguen los colores mezclando tres colores bsicos (rojo - verde - azul). Cada color admite 256 niveles de intensidad, lo que hace un total de 256 x 256 x 256 = 16.777.216 colores distintos. Para codificar un color es suficiente indicar las intensidades de cada uno de los tres colores. Como las intensidades van de 0 a 255, se suelen expresar en notacin hexadecimal (de 00 a FF) en vez de en notacin decimal. El cdigo de un color se escribe #RRGGBB, donde RR, GG y BB son los valores (hexadecimales) de la intensidad de los colores rojo, verde y azul respectivamente. El color negro se consigue con la ausencia de cualquier color, as que su cdigo RGB es #000000. El color blanco se consigue mezclando los tres colores con la mxima intensidad, as que su cdigo RGB es #FFFFFF. Volver al principio de la pgina

Nombres de colores HTML 3.2

En la recomendacin HTML 3.2 (aprobada el 14 de enero de 1997) se incluyeron diecisis nombres de colores: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white y yellow. Estos colores son los colores de la paleta VGA de Windows.

La tabla e ilustracin siguientes muestran estos 16 colores, sus nombres y cdigos RGB. Cdig Colo Nombr o r e RGB blue #0000FF fuchsia #FF00FF red yellow lime aqua gray white #FF0000 #FFFF00 #00FF00 #00FFFF #808080 #FFFFFF Cdig Colo Nombr o r e RGB navy #000080 purple #800080 maroo #800000 n olive #808000 green #008000 teal #008080 black #000000 silver #C0C0C0

Volver al principio de la pgina

Nombres de colores X11 / SVG

En el mdulo CSS3:Color (apobado en septiembre de 2011) se permiten los nombres de colores X11 (o SVG), que la mayora de navegadores son capaces de representar desde hace tiempo. La tabla siguiente muestra los 140 colores, sus nombres y cdigos RGB. Nota: Los colores Fuchsia y Magenta son el mismo color y los colores Aqua y Cyan son tambin el mismo color, por lo que la tabla contiene en realidad 138 colores distintos. Tambin estn duplicados los nombres de los colores grises, que pueden incluir los trminos "gray" o "grey" (DarkGrey/DarkGray, etc). En X11 slo era vlida una de las dos variantes, pero en la recomendacin SVG 1.0 ya se admitan ambas variantes. Col Nombre or AliceBlue AntiqueWhite Aqua Aquamarine Cdi go RGB #F0F8FF #FAEBD7 #00FFFF #7FFFD4 Col Nombre or LightPink Cdigo RGB

#FFB6 C1 #FFA07 LightSalmon A #20B2A LightSeaGreen A #87CEF LightSkyBlue A

Col Nombre or Azure Beige Bisque Black

Cdi go RGB #F0FFFF #F5F5DC #FFE4C4 #000000

Col Nombre or LightSlateGray

Cdigo RGB

BlanchedAlmond #FFEBCD Blue BlueViolet Brown BurlyWood CadetBlue Chartreuse Chocolate Coral CornflowerBlue Cornsilk Crimson Cyan DarkBlue DarkCyan #0000FF #8A2BE2 #A52A2A #DEB887 #5F9EA0 #7FFF00 #D2691E #FF7F50 #6495ED #FFF8DC #DC143C #00FFFF #00008B #008B8B

#77889 9 #77889 LightSlateGrey 9 #B0C4 LightSteelBlue DE #FFFFE LightYellow 0 #00FF0 Lime 0 #32CD3 LimeGreen 2 #FAF0E Linen 6 #FF00F Magenta F #80000 Maroon 0 MediumAquam #66CD arine AA #0000C MediumBlue D #BA55 MediumOrchid D3 #9370D MediumPurple B MediumSeaGre #3CB37 en 1 MediumSlateBl #7B68E ue E MediumSpringG #00FA9 reen A MediumTurquoi #48D1C se C MediumVioletR #C7158 ed 5 #19197 MidnightBlue 0

Col Nombre or DarkGoldenrod DarkGray DarkGrey DarkGreen DarkKhaki DarkMagenta

Cdi go RGB #B8860B #A9A9A9 #A9A9A9 #006400 #BDB76B #8B008B

Col Nombre or MintCream

Cdigo RGB

DarkOliveGreen #556B2F DarkOrange DarkOrchid DarkRed DarkSalmon DarkSeaGreen DarkSlateBlue DarkSlateGray DarkSlateGrey DarkTurquoise DarkViolet DeepPink DeepSkyBlue #FF8C00 #9932CC #8B0000 #E9967A #8FBC8F #483D8B #2F4F4F #2F4F4F #00CED1 #9400D3 #FF1493 #00BFFF

#F5FFF A #FFE4E MistyRose 1 #FFE4B Moccasin 5 #FFDE NavajoWhite AD #00008 Navy 0 #FDF5 OldLace E6 #80800 Olive 0 #6B8E2 OliveDrab 3 #FFA50 Orange 0 #FF450 OrangeRed 0 #DA70 Orchid D6 #EEE8 PaleGoldenrod AA #98FB9 PaleGreen 8 #AFEE PaleTurquoise EE #DB709 PaleVioletRed 3 #FFEF PapayaWhip D5 #FFDA PeachPuff B9 #CD853 Peru F #FFC0 Pink CB

Col Nombre or DimGray DimGrey DodgerBlue FireBrick FloralWhite ForestGreen Fuchsia Gainsboro GhostWhite Gold Goldenrod Gray Grey Green GreenYellow Honeydew HotPink IndianRed Indigo

Cdi go RGB #696969 #696969 #1E90FF #B22222 #FFFAF0 #228B22 #FF00FF #DCDCDC #F8F8FF #FFD700 #DAA520 #808080 #808080 #008000 #ADFF2F #F0FFF0 #FF69B4 #CD5C5C #4B0082

Col Nombre or Plum PowderBlue Purple Red RosyBrown RoyalBlue SaddleBrown Salmon SandyBrown SeaGreen Seashell Sienna Silver SkyBlue SlateBlue SlateGray SlateGrey Snow SpringGreen

Cdigo RGB #DDA0 DD #B0E0E 6 #80008 0 #FF000 0 #BC8F8 F #4169E 1 #8B451 3 #FA807 2 #F4A46 0 #2E8B5 7 #FFF5E E #A0522 D #C0C0 C0 #87CE EB #6A5A CD #70809 0 #70809 0 #FFFAF A #00FF7 F

Col Nombre or Ivory Khaki Lavender LavenderBlush LawnGreen LemonChiffon LightBlue LightCoral LightCyan

Cdi go RGB #FFFFF0 #F0E68C #E6E6FA #FFF0F5 #7CFC00 #FFFACD #ADD8E6 #F08080 #E0FFFF

Col Nombre or SteelBlue Tan Teal Thistle Tomato Turquoise Violet Wheat White WhiteSmoke Yellow YellowGreen

Cdigo RGB #4682B 4 #D2B48 C #00808 0 #D8BF D8 #FF634 7 #40E0D 0 #EE82E E #F5DE B3 #FFFFF F #F5F5F 5 #FFFF0 0 #9ACD 32

LightGoldenrodY #FAFAD2 ellow LightGray LightGreen LightGrey #D3D3D3 #90EE90 #D3D3D3

Volver al principio de la pgina

Nombres de colores del sistema

Los colores del sistema hacen referencia a los colores utilizados por el interfaz del sistema operativo. Forman parte de la recomendacin CSS2, pero se consideran obsoletos en el mdulo CSS3:Color, en favor de otros trminos (llamados valores de apariencia) definidos en el mdulo CSS3: Interface de usuario bsico (que actualmente -noviembre de 2011-, se encuentra en fase de candidata a recomendacin desde mayo de 2004) Color Nombre Concepto

Color Nombre ActiveBorder ActiveCaption

Concepto Borde de la ventana activa Ttulo de la ventana activa Color de fondo del interfaz de AppWorkspace mltiplesdocumentos Background Color de fondo del escritorio ButtonFace Color frontal de los elementos 3D Sombra oscura de los elementos 3D ButtonHighlight (bordes opuestos a la fuente de luz) ButtonShadow Sombra de los elementos 3D ButtonText Texto de los botones Texto en ttulo, caja de tamao y caja de CaptionText flecha de desplazamiento Texto en gris (desactivado). Este color es GrayText #000000 si no se puede mostrar un colo gris slido Highlight Elemento(s) seleccionado(s) en un control Texto de (de los) elemento(s) HighlightText seleccionado(s) en un control InactiveBorder Borde de la ventana inactiva InactiveCaption Ttulo de la ventana inactiva InactiveCaptionText Texto de un ttulo inactivo InfoBackground Color de fondo de los tooltips InfoText Texto de los tooltips Menu Fondo de los mens MenuText Texto de los mens Scrollbar rea gris de la barra de desplazamiento ThreeDDarkShadow Sombra oscura de los elementos 3D ThreeDFace Color frontal de los elementos 3D ThreeDHighlight Color brillante de los elementos 3D Color claro de los elementos 3D (bordes ThreeDLightShadow frente a la fuente de luz) ThreeDShadow Sombra oscura de los elementos 3D Window Fondo de la ventana WindowFrame Marco de la ventana WindowText Texto en las ventanas

Volver al principio de la pgina

Cdigos de colores HSL

La recomendacin CSS Mdulo de color 3 permite define los colores mediante el modelo de color HSL (Hue, Saturation, Lightness, es decir, Tonalidad, Saturacin, Luminancia).
p { background-color: hsl(153, 80%, 40%) }

Nota: Internet Explorer 9 reconoce el modelo de color HSL. Las versiones anteriores no lo hacan, como se comenta en la pgina de diferencias entre IE9 e IE8. Las tablas siguientes muestran los colores con el modelo HSL, por lo que slo se ven los colores si el navegador admite el modelo hsl. Hue: 0 S \ L 0% 20% 40% 60% 80% 100% 0% 20% 40% 60% 80% 100% Hue: 51 S \ L 0% 20% 40% 60% 80% 100% 0% 20%

40% 60% 80% 100% Hue: 102 S \ L 0% 20% 40% 60% 80% 100% 0% 20% 40% 60% 80% 100% Hue: 153 S \ L 0% 20% 40% 60% 80% 100% 0% 20% 40% 60% 80%

100% Hue: 204 S \ L 0% 20% 40% 60% 80% 100% 0% 20% 40% 60% 80% 100% Hue: 255 S \ L 0% 20% 40% 60% 80% 100% 0% 20% 40% 60% 80% 100% Volver al principio de la pgina

Opacidad: opacity

La propiedad opacity incluida en la recomendacin CSS3: mdulo de color permite hacer que un elemento sea parcialmente transparente. El valor de esta propiedad debe ser un valor decimal entre 0 y 1 (el valor 0 hace que el elemento sea completamente transparente y el valor 1 hace que el elemento sea completamente opaco). Si un elemento parcialmente transparente se superpone a otro elemento de otro color, el navegador mezcla los colores de los elementos, como muestra el siguiente ejemplo:
p1 { background-color: lightblue; } p2 { background-color: lightyellow; opacity: 0.5; } /* En el ejemplo tambin se utilizan propiedades de posicionamiento que */

Volver al principio de la pgina Esta pgina forma parte del curso "Pginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org Autor: Bartolom Sintes Marco ltima modificacin: 17 de febrero de 2012 Esta obra est bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 Espaa.

Cdigo #000000 #000033 #000066 #000099 #0000CC #0000FF #003300 #003333 #003366 #003399

Col

Cdigo #330000 #330033 #330066 #330099 #3300CC #3300FF #333300 #333333 #333366 #333399

Col

Cdigo #660000 #660033 #660066 #660099 #6600CC #6600FF #663300 #663333 #663366 #663399

Col

Cdigo #990000 #990033 #990066 #990099 #9900CC #9900FF #993300 #993333 #993366 #993399

Col

Cdigo #CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF #CC3300 #CC3333 #CC3366 #CC3399

Col

Cdigo #FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF #FF3300 #FF3333 #FF3366 #FF3399

Col

#0033CC #0033FF #006600 #006633 #006666 #006699 #0066CC #0066FF #009900 #009933 #009966 #009999 #0099CC #0099FF #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF

#3333CC #3333FF #336600 #336633 #336666 #336699 #3366CC #3366FF #339900 #339933 #339966 #339999 #3399CC #3399FF #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF

#6633CC #6633FF #666600 #666633 #666666 #666699 #6666CC #6666FF #669900 #669933 #669966 #669999 #6699CC #6699FF #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF

#9933CC #9933FF #996600 #996633 #996666 #996699 #9966CC #9966FF #999900 #999933 #999966 #999999 #9999CC #9999FF #99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF #99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF

#CC33CC #CC33FF #CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF #CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF #CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF #CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF

#FF33CC #FF33FF #FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF #FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF #FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF #FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

El editor de colores
Si deseas combinar diferentes tipos de colores de fondo con colores de texto, para ver cual se aproxima a tus necesidades, no tienes ms que visitar la pgina con la tabla de colores.

Nombre del color Aliceblue Antiquewhite Aliceblue Antiquewhite

Cdigo RGB #F0F8FF #FAEBD7

Aqua Aquamarine Azure Beige Bisque Black Blanchedalmond Blue Blueviolet Brown Burlywood Cadetblue Chartreuse Chocolate Coral Cornflowerblue Cornsilk Crimson Cyan Darkblue Darkcyan Darkgoldenrod Darkgray Darkgreen Darkkhaki Darkmagenta Darkolivegreen Darkorange Darkorchid Darkred

Aqua Aquamarine Azure Beige Bisque Black Blanchedalmond Blue Blueviolet Brown Burlywood Cadetblue Chartreuse Chocolate Coral Cornflowerblue Cornsilk Crimson Cyan Darkblue Darkcyan Darkgoldenrod Darkgray Darkgreen Darkkhaki Darkmagenta Darkolivegreen Darkorange Darkorchid Darkred

#00FFFF #7FFFD4 #00FFFF #F5F5DC #FFE4C4 #000000 #FFEBCD #0000FF #8A2BE2 #A52A2A #DEB887 #5F9EA0 #7FFF00 #D2691E #FF7F50 #6495ED #FFF8DC #DC143C #00FFFF #00008B #008B8B #B8860B #A9A9A9 #006400 #BDB76B #8B008B #556B2F #FF8C00 #9932CC #8B0000

Darksalmon Darkseagreen Darkslateblue Darkslategray Darkturquoise Darkviolet Deeppink Deepskyblue Dimgray Dodgerblue Firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray green greenyellow honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen

Darksalmon Darkseagreen Darkslateblue Darkslategray Darkturquoise Darkviolet Deeppink Deepskyblue Dimgray Dodgerblue Firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray green greenyellow honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen

#E9967A #8FBC8F #483D8B #2F4F4F #00CED1 #9400D3 #FF1493 #00BFFF #696969 #1E90FF #B22222 #FFFAF0 #228B22 #FF00FF #DCDCDC #F8F8FF #FFD700 #DAA520 #808080 #008000 #ADFF2F #F0FFF0 #FF69B4 #CD5C5C #4B0082 #FFFFF0 #F0E68C #E6E6FA #FFF0F5 #7CCMC00

lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream

lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream

#FFFACD #ADD8E6 #F08080 #E0FFFF #FAFAD2 #90EE90 #D3D3D3 #FFB6C1 #FFA07A #20B2AA #87CEFA #778899 #B0C4DE #FFFFE0 #00FF00 #32CD32 #FAF0E6 #FF00FF #800000 #66CDAA #0000CD #BA55D3 #9370DB #3CB371 #7B68EE #00FA9A #48D1CC #C71585 #191970 #F5FFFA

mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna

mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna

#FFE4E1 #FFE4B5 #FFDEAD #000080 #FDF5E6 #808000 #6B8E23 #FFA500 #FF4500 #DA70D6 #EEE8AA #98FB98 #AFEEEE #DB7093 #FFEFD5 #FFDAB9 #CD853F #FFC0CB #DDA0DD #B0E0E6 #800080 #FF0000 #BC8F8F #4169E1 #8B4513 #FA8072 #F4A460 #2E8B57 #FFF5EE #A0522D

silver skyblue slateblue slategray snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen

silver skyblue slateblue slategray snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen

#C0C0C0 #87CEEB #6A5ACD #708090 #FFFAFA #00FF7F #4682B4 #D2B48C #008080 #D8BFD8 #FF6347 #40E0D0 #EE82EE #F5DEB3 #FFFFFF #F5F5F5 #FFFF00 #9ACD32

Paleta Web
El modelo RGB requiere de 24 bits para describir el color de cada pixel en la pantalla y el total de combinaciones posibles mediante este modelo es exactamente de 16.777.216 colores. Aunque cualquier monitor a color puede mostrar todos estos tonos, por razones de economa algunas computadoras usan un sistema de slo 8 bits conformando as una paleta de 256 colores (tomados de esos 16 millones posibles). En un monitor capaz de mostrar solamente 256 colores, aquellos tonos presentes en una imagen que no se encuentran en la paleta del sistema son simulados por combinacin de pixeles (tcnica que se conoce como dithering). Por eso, en la medida de lo posible, es conveniente seleccionar para nuestras pginas colores que puedan ser visualizados correctamente en estos sistemas. El inconveniente es la diferencia entre los colores definidos en la paleta de Windows y la de Mac. Ambos sistemas tienen solamente algunos colores en comn, que son usados por Netscape y otros navegadores. Estos colores en comn conforman la paleta Web o paleta segura (safety palette).

Esta paleta segura tiene como caracterstica estar basada en los valores RGB con incrementos de 20% entre cada valor, por lo que resulta un total de 216 colores.

HEXADECIMAL 00 33 66 99 CC FF 00 51

DECIMAL 0% 20% 40% 60% 80%

PORCENTAJES

102 153 204 255

100%

Cuando debemos elegir un color para usar nuestras pginas conviene seleccionar uno de estos colores, ya que nos dan la seguridad de que estarn presentes en cualquier sistema. La siguiente tabla muestra la paleta de 216 colores completa.

Muestra del color

#RRGGBB #000000 #000033 #000066 #000099 #0000CC #0000FF #003300 #003333 #003366 #003399 #0033CC #0033FF #006600 #006633 #006666 #006699

Muestra del color

#RRGGBB #990000 #990033 #990066 #990099 #9900CC #9900FF #993300 #993333 #993366 #993399 #09933CC #9933FF #996600 #996633 #996666 #996699

#0066CC #0066FF #009900 #009933 #009966 #009999 #0099CC #0099FF #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF #330000 #330033 #330066 #330099 #3300CC #3300FF #333300 #333333 #333366 #333399 #3333CC

#9966CC #9966FF #999900 #999933 #999966 #999999 #9999CC #9999FF #99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF #99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF #CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF #CC3300 #CC3333 #CC3366 #CC3399 #CC33CC

#3333FF #336600 #336633 #336666 #336699 #3366CC #3366FF #339900 #339933 #339966 #339999 #3399CC #3399FF #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF #660000 #660033 #660066 #660099 #6600CC #6600FF

#CC33FF #CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF #CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF #CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF #CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF #FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF

#663300 #663333 #663366 #663399 #6633CC #6633FF #666600 #666633 #666666 #666699 #6666CC #6666FF #669900 #669933 #669966 #669999 #6699CC #6699FF #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF

#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF #FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF #FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF #FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF #FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF