Jon404.com - Home

Interactive Internet Color Guide

339 Cross-Browser Values -- in Hex, Color Name, and RGB notation
(to use with 140 color-name background values... 47,460 possible combinations)

Pick a background color (click radio button). Use 'Gainsboro' for a neutral gray background.
Then, scroll down and look at colored type to see the effect against different background colors.
 Click for user-defined colors ... and read the color notes section.


Background colors

Color Name:     Value:           User hex:   

RGB to Hexadecimal: R G B       hex:

Grays, Pastels
gg white
gg black
gg dimgray
gg gray
gg slategray
gg lightslategray
gg darkgray
gg silver
gg lightgrey
gg GAINSBORO
gg thistle
gg lavenderblush
gg seashell
gg snow
gg whitesmoke
gg  aliceblue
gg honeydew
gg mintcream
gg azure
gg lightcyan
gg oldlace
gg papayawhip
gg ghostwhite
gg lavender
gg linen
gg ivory
gg floralwhite
gg beige
gg cornsilk
gg  antiquewhite
gg blanchedalmond
gg bisque
gg moccasin
gg wheat
gg navajowhite
gg peachpuff
Reds, Yellows, Browns
gg lightcoral
gg palevioletred
gg darksalmon
gg lightsalmon
gg coral
gg salmon
gg tomato
gg orangered
gg red
gg crimson
gg indianred
gg firebrick
gg lightyellow
gg lightgoldenrodyellow
gg lemonchiffon
gg palegoldenrod
gg khaki
gg yellow
gg gold
gg sandybrown
gg orange
gg darkorange
gg burlywood
gg tan
gg
peru
gg chocolate
gg goldenrod
gg darkgoldenrod
gg rosybrown
gg sienna
gg saddlebrown
gg brown
gg darkred
gg maroon
Pinks, Purples, Blues
gg mistyrose
gg pink
gg lightpink
gg hotpink
gg deeppink
gg plum
gg violet
gg magenta
gg orchid
gg mediumvioletred
gg mediumorchid
gg purple
gg darkmagenta
gg darkviolet
gg darkorchid
gg mediumpurple
gg blueviolet
gg indigo
gg midnightblue
gg navy
gg darkblue
gg darkslateblue
gg mediumblue
gg blue
gg slateblue
gg mediumslateblue
gg steelblue
gg royalblue
gg dodgerblue
gg cornflowerblue
gg deepskyblue
gg skyblue
gg lightskyblue
gg lightsteelblue
gg lightblue
gg powderblue
Blue-greens, Greens
gg paleturquoise
gg  aqua
gg aquamarine
gg mediumturquoise
gg turquoise
gg darkturquoise
gg mediumaquamarine
gg darkseagreen
gg mediumseagreen
gg lightseagreen
gg cadetblue
gg darkcyan
gg teal
gg darkslategray
gg darkgreen
gg green
gg forestgreen
gg seagreen
gg darkolivegreen
gg olive
gg olivedrab
gg limegreen
gg darkkhaki
gg yellowgreen
gg lime
gg chartreuse
gg greenyellow
gg lawngreen
gg lightgreen
gg mediumspringgreen
gg palegreen
gg springgreen

 


Text Colors 

                         

Grays  (top)

ggg

WHITE

FFFFFF 255, 255, 255 The QUICK Brown fox
ggg BLACK 000000 0, 0, 0 The QUICK Brown fox
ggg -- none -- 330000 051, 0, 0 The QUICK Brown fox
ggg -- none -- 333333 051, 051, 051 The QUICK Brown fox
ggg -- none -- 666666 102, 102, 102 The QUICK Brown fox
ggg DimGray 696969 105,105,105 The QUICK Brown fox
ggg Gray 808080 128,128,128 The QUICK Brown fox
ggg -- none -- 999999 153, 153, 153 The QUICK Brown fox
ggg DarkGray A9A9A9 169,169,169 The QUICK Brown fox
ggg Silver C0C0C0 192,192,192 The QUICK Brown fox
ggg -- none -- CCCCCC 204, 204, 204 The QUICK Brown fox
ggg Gainsboro DcDcDc 220,220,220 The QUICK Brown fox

Pastels   (color table  (top)

ggg SeaShell FFF5EE 255,245,238 The QUICK Brown fox
ggg LavenderBlush FFF0F5 255, 240, 245 The QUICK Brown fox
ggg Snow FFFAFA 255,250,250 The QUICK Brown fox
ggg WhiteSmoke F5F5F5 245,245,245 The QUICK Brown fox
ggg AliceBlue F0F8FF 240,248,255 The QUICK Brown fox
ggg Honeydew F0FFF0 240,255,240 The QUICK Brown fox
ggg MintCream F5FFFA 245, 255, 250 The QUICK Brown fox
ggg Azure F0FFFF 240,255,255 The QUICK Brown fox
ggg LightCyan E0FFFF 224,255,255 The QUICK Brown fox
ggg OldLace FDF5E6 253,245,230 The QUICK Brown fox
ggg PapayaWhip FFEFD5 255,239,213 The QUICK Brown fox
ggg GhostWhite F8F8FF 248,248,255 The QUICK Brown fox
ggg Lavender E6E6FA 230,230,250 The QUICK Brown fox
ggg Linen FAF0E6 250,240,230 The QUICK Brown fox
ggg Ivory FFFFF0 255,255,240 The QUICK Brown fox
ggg FloralWhite FFFAF0 255,250,240 The QUICK Brown fox
ggg Beige F5F5DC 245,245,220 The QUICK Brown fox
ggg Cornsilk FFF8DC 255,248,220 The QUICK Brown fox
ggg AntiqueWhite FAEBD7 250,235,215 The QUICK Brown fox
ggg BlanchedAlmond FFEBCD 255,235,205 The QUICK Brown fox
ggg Bisque FFE4C4 255,228,196 The QUICK Brown fox
ggg MistyRose FFE4E1 255,228,225 The QUICK Brown fox
ggg -- none -- FFCCCC 255, 204, 204 The QUICK Brown fox
ggg Thistle D8BFD8 216,191,216 The QUICK Brown fox
ggg -- none -- FFCCFF 255, 204, 255 The QUICK Brown fox
ggg -- none -- FF99CC 255, 153, 204 The QUICK Brown fox
ggg -- none -- FF99FF 255, 153, 255 The QUICK Brown fox
ggg -- none -- CCCCFF 204, 204, 255 The QUICK Brown fox
ggg Plum DDA0DD 221,160,221 The QUICK Brown fox
ggg -- none -- CC99CC 204, 153, 204 The QUICK Brown fox
ggg -- none -- CC99FF 204, 153, 255 The QUICK Brown fox
ggg LightSteelBlue B0C4DE 176,196,222 The QUICK Brown fox
ggg -- none -- 99CCFF 153, 204, 255 The QUICK Brown fox
ggg -- none -- CCFFFF 204, 255, 255 The QUICK Brown fox
ggg -- none -- 99CCCC 153, 204, 204 The QUICK Brown fox
ggg -- none -- 66CCCC 102, 204, 204 The QUICK Brown fox
ggg -- none -- 99CC99 153, 204, 153 The QUICK Brown fox
ggg -- none -- 99CC66 153, 204, 102 The QUICK Brown fox
ggg DarkSeaGreen 8FBC8F 143,188,143 The QUICK Brown fox
ggg -- none -- 66CC99 102, 204, 153 The QUICK Brown fox
ggg -- none -- CCCC99 204, 204, 153 The QUICK Brown fox
ggg -- none -- CCCC66 204, 204, 102 The QUICK Brown fox
ggg DarkKhaki BDB76B 189,183,107 The QUICK Brown fox
ggg Tan D2B48C 210,180,140 The QUICK Brown fox

Grayish colors   (color table  (top)

ggg -- none -- 9999CC 153, 153, 204 The QUICK Brown fox
ggg -- none -- 666699 102, 102, 153 The QUICK Brown fox
ggg LightSlateGray 778899 119,136,153 The QUICK Brown fox
ggg -- none -- 996699 153, 102, 153 The QUICK Brown fox
ggg -- none -- CC9999 204, 153, 153 The QUICK Brown fox
ggg RosyBrown BC8F8F 188,143,143 The QUICK Brown fox
ggg PaleVioletRed DB7093 219,112,147 The QUICK Brown fox
ggg -- none -- CC6699 204, 102, 153 The QUICK Brown fox
ggg -- none -- CC6666 204, 102, 102 The QUICK Brown fox
ggg IndianRed CD5C5C 205,92,92 The QUICK Brown fox
ggg -- none -- 996666 153, 102, 102 The QUICK Brown fox
ggg DarkSlateGray 2F4F4F 47,79,79 The QUICK Brown fox

Reds   (color table  (top) 

ggg Pink FFC0C8 255,192,203 The QUICK Brown fox
ggg LightPink FFB6C1 255,182,193 The QUICK Brown fox
ggg -- none -- FF6699 255, 102, 153 The QUICK Brown fox
ggg -- none -- FF3366 255, 051, 102 The QUICK Brown fox
ggg -- none -- FF0066 255, 0, 102 The QUICK Brown fox
ggg LightCoral F08080 240,128,128 The QUICK Brown fox
ggg DarkSalmon E9967A 233,150,122 The QUICK Brown fox
ggg LightSalmon FFA07A 255160,122 The QUICK Brown fox
ggg -- none -- FF9966 255, 153, 102 The QUICK Brown fox
ggg Coral FF7F50 255,127,80 The QUICK Brown fox
ggg Salmon FA8072 250,128,114 The QUICK Brown fox
ggg -- none -- FF9999 255, 153, 153 The QUICK Brown fox
ggg -- none -- FF6666 255, 102, 102 The QUICK Brown fox
ggg Tomato FF6347 255,99,71 The QUICK Brown fox
ggg OrangeRed FF4500 255,69,0 The QUICK Brown fox
ggg -- none -- FF3300 255, 051, 0 The QUICK Brown fox
ggg -- none --  FF3333 255, 051, 051 The QUICK Brown fox
ggg RED FF0000 255, 0, 0 The QUICK Brown fox
ggg -- none -- FF0033 255, 0, 051 The QUICK Brown fox
ggg Crimson DC143C 220,20,60 The QUICK Brown fox
ggg -- none -- CC3333 204, 051, 051 The QUICK Brown fox
ggg -- none -- CC3300 204, 051, 0 The QUICK Brown fox
ggg -- none -- CC0000 204, 0, 0 The QUICK Brown fox
ggg -- none -- CC0033 204, 0, 051 The QUICK Brown fox
ggg -- none -- CC3366 204, 051, 102 The QUICK Brown fox
ggg -- none -- CC0066 204, 0, 102 The QUICK Brown fox
ggg FireBrick B22222 178,34,34 The QUICK Brown fox
ggg -- none -- 990033 153, 0, 051 The QUICK Brown fox

Magentas   (color table)    (top)

ggg HotPink FF69B4 255,105,180 The QUICK Brown fox
ggg -- none -- FF66CC 255, 102, 204 The QUICK Brown fox
ggg -- none -- FF66FF 255, 102, 255 The QUICK Brown fox
ggg -- none -- FF33FF 255, 051, 255 The QUICK Brown fox
ggg -- none -- FF33CC 255, 51, 204 The QUICK Brown fox
ggg -- none --  FF00CC 255, 0, 204 The QUICK Brown fox
ggg -- none -- FF3399 255, 051, 153 The QUICK Brown fox
ggg -- none --  FF0099 255, 0, 153 The QUICK Brown fox
ggg DeepPink FF1493 255,20,147 The QUICK Brown fox
ggg Violet EE82EE 238,130,238 The QUICK Brown fox
ggg MAGENTA (Fuchsia) FF00FF 255, 0, 255 The QUICK Brown fox
ggg Orchid DA70D6 218,112,214 The QUICK Brown fox
ggg -- none -- CC66CC 204, 102, 204 The QUICK Brown fox
ggg -- none -- CC33CC 204, 051, 204 The QUICK Brown fox
ggg -- none -- CC00CC 204, 0, 204 The QUICK Brown fox
ggg -- none -- CC3399 204, 051, 153 The QUICK Brown fox
ggg -- none -- CC0099 204, 0, 153 The QUICK Brown fox
ggg MediumVioletRed C71585 199,21,133 The QUICK Brown fox
ggg -- none -- 993366 153, 051, 102 The QUICK Brown fox
ggg -- none -- 990066 153, 0, 102 The QUICK Brown fox

Purple-Violets   (color table  (top)

ggg -- none -- 9966CC 153, 102, 204 The QUICK Brown fox
ggg MediumOrchid BA55D3 186,85,211 The QUICK Brown fox
ggg -- none -- CC66FF 204, 102, 255 The QUICK Brown fox
ggg -- none -- CC33FF 204, 051, 255 The QUICK Brown fox
ggg -- none -- CC00FF 204, 0, 255 The QUICK Brown fox
ggg -- none -- 993399 153, 051,153 The QUICK Brown fox
ggg -- none -- 990099 153, 0, 153 The QUICK Brown fox
ggg Purple 800080 128,0,128 The QUICK Brown fox
ggg DarkMagenta 8B008B 139,0,139 The QUICK Brown fox
ggg DarkViolet 9400D3 148,0,211 The QUICK Brown fox
ggg DarkOrchid 9932CC 153,50,204 The QUICK Brown fox
ggg -- none -- 9033CC 153, 051, 204 The QUICK Brown fox
ggg -- none --  9900CC 153, 0, 204 The QUICK Brown fox
ggg -- none -- 660099 102, 0, 153 The QUICK Brown fox
ggg -- none --  660066 102, 0, 102 The QUICK Brown fox
ggg -- none -- 663366 102, 051, 102 The QUICK Brown fox
ggg -- none --  330033 051, 0, 051 The QUICK Brown fox

Blue-Violets   (color table  (top)

ggg -- none --  9999FF 153, 153, 255 The QUICK Brown fox
ggg -- none -- 6666CC 102, 102, 204 The QUICK Brown fox
ggg MediumPurple 9370DB 147,112,219 The QUICK Brown fox
ggg -- none -- 9966FF 153, 102, 255 The QUICK Brown fox
ggg -- none -- 9933FF 153, 051, 255 The QUICK Brown fox
ggg -- none -- 9900FF 153, 0, 255 The QUICK Brown fox
ggg BlueViolet 8A2BE2 138,43,226 The QUICK Brown fox
ggg -- none -- 6600CC 102, 0, 204 The QUICK Brown fox
ggg -- none -- 6633CC 102, 051, 204 The QUICK Brown fox1
ggg -- none -- 663399 102, 051, 153 The QUICK Brown fox
ggg Indigo 4B0082 75,0,130 The QUICK Brown fox
ggg -- none -- 330066 051, 0, 102 The QUICK Brown fox
ggg -- none -- 333366 051, 051, 102 The QUICK Brown fox

Blues   (color table  (top)

ggg -- none -- 000033 0, 0, 051 The QUICK Brown fox
ggg -- none -- 000066 0, 0, 102 The QUICK Brown fox
ggg -- none -- 003366 0, 051, 102 The QUICK Brown 
ggg MidnightBlue 191970 25,25,112 The QUICK Brown fox
ggg Navy 000080 0,0,128 The QUICK Brown fox
ggg DarkBlue 00008B 0,0,139 The QUICK Brown fox
ggg -- none -- 330099 051, 0, 153 The QUICK Brown fox
ggg -- none -- 000099 0, 0, 153 The QUICK Brown fox
ggg DarkSlateBlue 483D8B 72,61,139 The QUICK Brown fox
ggg -- none -- 333399 051, 051, 153 The QUICK Brown fox
ggg -- none --  003399 0, 51, 153 The QUICK Brown fox
ggg MediumBlue 0000CD 0,0,205 The QUICK Brown fox
ggg -- none --  3300CC 051, 0, 204 The QUICK Brown fox
ggg -- none -- 0000CC 0, 0, 204 The QUICK Brown 
ggg -- none -- 3333CC 051, 051, 204 The QUICK Brown fox
ggg -- none -- 0033CC 0, 051, 204 The QUICK Brown 
ggg -- none -- 3300FF 051, 0, 255 The QUICK Brown fox
ggg -- none -- 0033FF 0, 051, 255 The QUICK Brown fox
ggg -- none -- 3333FF 051, 051, 255 The QUICK Brown 
ggg Blue 0000FF 0,0,255 The QUICK Brown fox
ggg -- none -- 6633FF 102, 051, 255 The QUICK Brown fox
ggg SlateBlue 6A5ACD 106,90,205 The QUICK Brown fox
ggg MediumSlateBlue 7B68EE 123,104,238 The QUICK Brown fox
ggg -- none -- 3366CC 051, 102, 204 The QUICK Brown fox
ggg -- none -- 0066CC 0, 102, 204 The QUICK Brown fox
ggg -- none -- 006699 0, 102, 153 The QUICK Brown fox
ggg -- none -- 336699 051, 102, 153 The QUICK Brown fox
ggg SteelBlue 4682B4 70,130,180 The QUICK Brown fox
ggg RoyalBlue 4169E1 65,105,225 The QUICK Brown fox
ggg -- none -- 6666FF 102, 102, 255 The QUICK Brown fox
ggg -- none -- 3366FF 051, 102, 255 The QUICK Brown fox
ggg -- none -- 0066FF 0, 102, 255 The QUICK Brown fox
ggg DodgerBlue 1E90FF 30,144,255 The QUICK Brown fox
ggg -- none -- 0099FF 0, 153, 255 The QUICK Brown fox
ggg -- none -- 3399FF 051, 153, 255 The QUICK Brown fox
ggg -- none -- 6699FF 102, 153, 255 The QUICK Brown fox
ggg CornflowerBlue 6495ED 100, 149, 237 The QUICK Brown fox
ggg -- none -- 6699CC 102, 153, 204 The QUICK Brown fox
ggg -- none -- 3399CC 051, 153, 204 The QUICK Brown fox
ggg -- none -- 0099CC 0, 153, 204 The QUICK Brown 
ggg DeepSkyBlue 00BFFF 0,191,255 The QUICK Brown fox
ggg -- none -- 00CCFF 0, 204, 255 The QUICK Brown fox
ggg -- none -- 33CCFF 051, 204, 255 The QUICK Brown fox
ggg -- none -- 66CCFF 102, 204, 255 The QUICK Brown fox
ggg SkyBlue 87CEEB 135,206,235 The QUICK Brown fox
ggg LightSkyBlue 87CEFA 135,206,250 The QUICK Brown fox
ggg LightBlue ADD8E6 173,216,230 The QUICK Brown fox
ggg PowderBlue B0E0E6 176,224,230 The QUICK Brown fox

Blue-Greens   (color table  (top)

ggg PaleTurquoise  AFEEEE 175,238,238 The QUICK Brown fox
ggg -- none --  99FFFF 153, 255, 255 The QUICK Brown fox
ggg -- none -- 66FFFF 102, 255, 255 The QUICK Brown fox
ggg -- none -- 33FFFF 051, 255, 255 The QUICK Brown fox
ggg AQUA (Cyan) 00FFFF 0, 255, 255 The QUICK Brown fox
ggg -- none --  99FFCC 153, 255, 204 The QUICK Brown fox
ggg AquaMarine 7FFFD4 127,255,212 The QUICK Brown fox
ggg -- none -- 33FFCC 051, 255, 204 The QUICK Brown fox
ggg -- none -- 00FFCC 0, 255, 204 The QUICK Brown fox
ggg -- none -- 66FFCC 102, 255, 204 The QUICK Brown fox
ggg -- none -- 00CCCC 000, 204, 204 The QUICK Brown fox
ggg -- none -- 33CCCC 051, 204, 204 The QUICK Brown fox
ggg MediumTurquoise 48D1CC 72,209,204 The QUICK Brown fox
ggg Turquoise 40E0D0 64,224,208 The QUICK Brown fox
ggg DarkTurquoise 00CED1 0,206,209 The QUICK Brown fox
ggg MediumAquamarine 66CDAA 102,205170 The QUICK Brown fox
ggg MediumSeaGreen 3CB371 60,179,113 The QUICK Brown fox
ggg LightSeaGreen 20B2AA 32,178,170 The QUICK Brown fox
ggg -- none -- 669999 102, 153, 153 The QUICK Brown fox
ggg CadetBlue 5F9EA0 95,158,160 The QUICK Brown fox
ggg -- none -- 009999 0, 153, 153 The QUICK Brown fox
ggg -- none -- 339999 051, 153, 153 The QUICK Brown fox
ggg DarkCyan 008B8B 0,139,139 The QUICK Brown fox
ggg Teal 008080 0,128,128 The QUICK Brown fox
ggg -- none -- 006666 0, 102, 102 The QUICK Brown fox
ggg -- none -- 336666 051, 102, 102 The QUICK Brown fox
ggg -- none -- 003333 0, 051, 051 The QUICK Brown fox


Yellow-Greens   (color table  (top)

ggg-- none --  003300 0, 051, 0 The QUICK Brown fox
ggg-- none -- 333300 051, 051, 0 The QUICK Brown fox
gggDarkGreen 006400 0,100,0 The QUICK Brown fox
ggg-- none -- 336600 051, 102, 0 The QUICK Brown fox
ggg-- none --  006600 0, 102, 0 The QUICK Brown fox
ggg-- none -- 336633 051, 102, 051 The QUICK Brown fox
ggg-- none -- 006633 0, 102, 051 The QUICK Brown fox
gggGreen 008000 0,128,0 The QUICK Brown fox
ggg-- none -- 339966 051, 153, 102 The QUICK Brown fox
ggg-- none -- 669966 102, 153, 102 The QUICK Brown fox
gggSeaGreen 2E8B57 46,139,87 The QUICK Brown fox
ggg-- none --  009966 0, 153, 102 The QUICK Brown fox
gggDarkOliveGreen 556B2F 85,107,47 The QUICK Brown fox
ggg-- none -- 666600 102, 102, 0 The QUICK Brown fox
ggg-- none -- 999900 153, 153, 0 The QUICK Brown fox
ggg-- none -- 666633 102, 102, 51 The QUICK Brown fox
ggg-- none -- 999933 153, 153, 051 The QUICK Brown fox
ggg-- none -- 999966 153, 153, 102 The QUICK Brown fox
gggForestGreen 228B22 34,139,34 The QUICK Brown fox
ggg-- none -- 009900 0, 153, 0 The QUICK Brown fox
ggg-- none --  339933 051, 153, 051 The QUICK Brown fox
ggg-- none -- 009933 0, 153, 051 The QUICK Brown fox
ggg-- none -- 339900 051, 153, 0 The QUICK Brown fox
ggg-- none -- 669933 102, 153, 051 The QUICK Brown fox
ggg-- none -- 669900 102, 153, 0 The QUICK Brown fox
gggOliveDrab 6B8E23 107,142,35 The QUICK Brown fox
ggg-- none --  33CC66 051, 204, 102 The QUICK Brown fox
ggg-- none -- 00CC66 0, 204, 102 The QUICK Brown fox
ggg-- none --  00CC99 0, 204, 153 The QUICK Brown fox
gggLimeGreen 32CD32 50,205,50 The QUICK Brown fox
ggg-- none -- 00CC33 0, 204, 051 The QUICK Brown fox
ggg-- none -- 33CC00 051, 204, 0 The QUICK Brown fox
ggg-- none -- 00CC00 0, 204, 0 The QUICK Brown fox
ggg-- none -- 33CC33 051, 204, 051 The QUICK Brown fox
ggg-- none -- 66CC33 102, 204, 051 The QUICK Brown fox
ggg-- none -- 66CC66 102, 204, 102 The QUICK Brown fox
ggg-- none -- 66CC00 102, 204, 0 The QUICK Brown fox
gggYellowGreen 9ACD32 154,205,50 The QUICK Brown fox
ggg-- none --  99CC33 153, 204, 051 The QUICK Brown fox1
ggg-- none -- 99CC00 153, 204, 0 The QUICK Brown fox
ggg-- none --   CCCC33 204, 204, 051 The QUICK Brown fox
ggg-- none -- CCCC00 204, 204, 0 The QUICK Brown fox
gggLIME 00FF00 0, 255, 0 The QUICK Brown fox
gggChartreuse 7FFF00 127,255,0 The QUICK Brown fox
ggg-- none -- 33FF33 051, 255, 051 The QUICK Brown fox
ggg-- none -- 66FF00 102, 255, 0 The QUICK Brown fox
ggg-- none -- 33FF00 051, 255, 0 The QUICK Brown fox
ggg-- none --  66FF33 102, 255, 051 The QUICK Brown fox
ggg-- none --  00FF66 0, 255, 102 The QUICK Brown fox
ggg-- none --  33FF66 051, 255, 102 The QUICK Brown fox
ggg-- none -- 00FF33 0, 255,051 The QUICK Brown fox
gggSpringGreen 00FF7F 0,255,127 The QUICK Brown fox
ggg-- none -- 66FF66 102, 255, 102 The QUICK Brown fox
ggg-- none --  00FF99 0, 255, 153 The QUICK Brown fox
ggg-- none -- 33FF99 051, 255, 153 The QUICK Brown fox
gggMediumSpringGreen 00FA9A 0,250,154 The QUICK Brown fox
ggg-- none --  66FF99 102, 255, 153 The QUICK Brown fox
gggPaleGreen 98FB98 152,251,152 The QUICK Brown fox
ggg-- none -- 99FF99 153, 255, 153 The QUICK Brown fox
gggLightGreen 90EE90 144,238,144 The QUICK Brown fox
ggg-- none -- 99FF66 153, 255, 102 The QUICK Brown fox
ggg-- none -- 99FF33 153, 255, 051 The QUICK Brown fox
ggg-- none --  99FF00 153, 255, 0 The QUICK Brown fox
gggGreenYellow ADFF2F 173,255,47 The QUICK Brown fox
ggg-- none --  CCFF33 204, 255, 051 The QUICK Brown fox
ggg-- none -- CCFF00  204, 255, 0 The QUICK Brown fox
ggg-- none -- CCFF66 204, 255, 102 The QUICK Brown fox
ggg-- none --  CCFF99 204, 255, 153 The QUICK Brown fox
ggg-- none -- CCFFCC 204, 255, 204 The QUICK Brown fox

Yellows   (color table  (top)

ggg LightYellow FFFFE0 255,255,224 The QUICK Brown fox
ggg LightGoldenrodYellow FAFAD2 250,250,210 The QUICK Brown fox
ggg LemonChiffon FFFACD 255,250,205 The QUICK Brown fox
ggg -- none -- FFFFCC 255, 255, 204 The QUICK Brown fox
ggg PaleGoldenrod EEE8AA 238,232,170 The QUICK Brown fox
ggg Khaki F0E68C 240,230,140 The QUICK Brown fox
ggg -- none -- FFFF99 255, 255, 153 The QUICK Brown 
ggg -- none -- FFFF66 255, 255, 102 The QUICK Brown 
ggg -- none -- FFFF33 255, 255, 051 The QUICK Brown 
ggg YELLOW FFFF00 255, 255, 0 The QUICK Brown fox
ggg Gold FFD700 255,215,0 The QUICK Brown fox
ggg -- none -- FFCC66 255, 204, 102 The QUICK Brown fox
ggg -- none -- FFCC33 255, 204, 051 The QUICK Brown fox
ggg -- none -- FFCC00 255, 204, 0 The QUICK Brown fox2
ggg SandyBrown F4A460 244,164,96 The QUICK Brown fox
ggg Orange FFA500 255,165,0 The QUICK Brown fox
ggg -- none -- FF9900 255, 153, 0 The QUICK Brown fox
ggg -- none -- FF9933 255, 153, 051 The QUICK Brown fox
ggg DarkOrange FF8C00 255,140,0 The QUICK Brown fox
ggg -- none -- FF6600 255, 102, 0 The QUICK Brown fox
ggg -- none -- FF6633 255, 102, 051 The QUICK Brown fox

 

Browns   (color table  (top)

ggg Moccasin FFE4B5 255,228,181 The QUICK Brown fox 
ggg NavajoWhite FFDEAD 255,222,173 The QUICK Brown fox
ggg Wheat F5DEB3 245,222,179 The QUICK Brown fox
ggg - none --  FFCC99 255, 204, 153 The QUICK Brown fox2
ggg -- none -- CC9966 204, 153, 102 The QUICK Brown fox
ggg Peru CD853F 205,133,63 The QUICK Brown fox
ggg Chocolate D2691E 210,105,30 The QUICK Brown fox
ggg -- none -- CC6633 204, 102, 051 The QUICK Brown fox
ggg -- none -- CC6600 204, 102 ,0 The QUICK Brown fox
ggg Burlywood DEB887 222,184,135 The QUICK Brown fox
ggg Goldenrod DAA520 218,165,32 The QUICK Brown fox
ggg -- none --  CC9900 204, 153, 0 The QUICK Brown fox
ggg -- none -- CC9933 204, 153, 051 The QUICK Brown fox
ggg DarkGoldenrod B8860B 184,134,11 The QUICK Brown fox
ggg -- none -- 996600 153, 102, 0 The QUICK Brown fox
ggg -- none -- 996633 153, 102, 051 The QUICK Brown fox1
ggg Sienna A0522D 160,82,45 The QUICK Brown fox
ggg SaddleBrown 8B5413 139,69,19 The QUICK Brown fox
ggg -- none -- 663333 102, 051, 051 The QUICK Brown fox
ggg -- none -- 663300 102, 051, 0 The QUICK Brown fox
ggg -- none -- 660000 102, 0, 0 The QUICK Brown fox
ggg -- none -- 660033 102, 0, 051 The QUICK Brown fox
ggg Brown A52A2A 165,42,42 The QUICK Brown fox
ggg -- none -- 993300 153, 051, 0 The QUICK Brown fox
ggg -- none -- 990000 153, 0, 0 The QUICK Brown fox
ggg -- none -- 993333 153, 051, 051 The QUICK Brown fox
ggg DarkRed 8B0000 139,0,0 The QUICK Brown fox
ggg Maroon 800000 128,0,0 The QUICK Brown fox


 


Notes   (top)

Using the color converter

Example 1: you want to see the background effect of a browser safe color, '660033'. Enter the hex code value 660033 in the 'User hex:' box, then click 'Change' to see the new background color in use.

Example 2: you want to find the hex code for your company's purple logo color, RGB 54, 27, 117. Enter the RGB values in the R, G, and B boxes, and click 'Convert' to get the hex code: #361B75. Then, copy-paste the #361B75 hex code into the 'User hex:' box, and click 'Change' to turn the screen background color into your purple logo color. Last step -- scroll down the screen to see how different colors work with your logo color.

If the screen text is hard to read, press the F5 key to refresh and reset the background to neutral gray (works on Internet Explorer and Mozilla browsers).

Browser color notation

1. Color names: all the color names listed display the same in both Internet Explorer and Netscape Navigator. You can write HTML that selects colors by name, or by hexadecimal code. Here's an example showing how both methods of color notation produce the same results:

<p><font color="royalblue">RoyalBlue text color</font> </p>

RoyalBlue text color

<p><font color="#4169E1">RoyalBlue text color</font> </p>

RoyalBlue text color

Since 2004, there's been discussion that word-based color names could be dropped in future HTML code standards. Hasn't happened yet (2014), but... to be sure of longevity, you could use hex-code names instead.

RGB-to-hexadecimal-to-colorname equivalents are given to make it easier to match colors between paint programs (RGB notation, like 255,153,204) and webpage-making programs (hex notation, like #FF99CC).

2. In the text color section, colors that start with "-- none --" are browser-compatible. They display without problems on 256-color monitors. To tell if a color is browser compatible, look at its RGB code. Must be made from a combination of 0, 51, 102, 153, 204, or 255. If the RGB code includes any other number, it is not strictly browser-compatible. There are 216 browser-compatible colors. As of 2004, this is no longer a design issue, as all monitor screens display 16 million colors. But it is still useful if you are designing webpages to display on color-limited PDA screens, and also if you want to make sure that a color displays the same on both Intel PC and Apple screens.

3. In the text color section, names that are underlined are standard Windows colors. Notice that they are not browser-compatible -- Red, for instance, might undergo a color shift if displayed on a non-Windows computer with a 256-color monitor.

RGB vs. CMYK color models

RGB color is computer screen color, transmitted light, somewhat like a stained-glass window. Monitor color display varies slightly from monitor to monitor. Colors are formed from transmitted Red, Green, and Blue light.

The CMYK color model is a guide for accurately reproducing printed colors on paper. Printers and print designers use printed CMYK color swatches as  a common standard on what a color should look like when printed on either glossy or matte paper. CMYK color is made of varying percentages of Cyan, Magenta, Yellow, and Black (K).

There are problems involved in accurately converting RGB colors to CMYK colors. RGB colorspace (the number of colors you can display) is 30% larger than CMYK colorspace, because CMYK has to take into account the limitations of printing inks, and the ability of a press to accurately print halftone gradations of color.

This is not a 'linear' problem -- it does not lend itself to a computer solution. If you convert test color swatches from RGB to CMYK using Photoshop or Corel, the results are often wildly inaccurate.

A typical problem occurs when a designer wants to use the same colors in print that are used on a web page. You can try to calibrate your monitor to your color separation vendor's CMYK model... but it is hard to do, continual re-calibration is necessary, and results are inconsistent. Best practice (and much easier) is to:

1. Display the web page on an average PC monitor. Average means middle-of-the-road in price, 800 x 600 resolution, 16 million colors (not 256 colors).

2. Then, hold a CMYK color swatch book (get one from your printer) next to the monitor and find CMYK colors that look the same as the colors you are tyrying to match. The match will not be exact, but it will be pretty close, and the CMYK values in the print swatch book deliver predictable results on the press.

3. Try to do this in an office environment with normal office lighting. Ambient lighting has a large effect on perceived color, and the brochure or datasheet you are printing will be probably be read in a workplace environment.

RGB vs. Pantone Spot Color models

The Pantone Spot Color system creates color numbers for printing press ink mixtures. Pantone colors are used for simple printing jobs, where you might use only one or two colors, but want to be very specific about the colors. Designers and printers both work from the same Pantone spot color swatch books. The book tells the printer what colors and proportions of standard inks to mix to get the desired spot color.

Usually, a two-color design will use black plus one other color. Caution -- check with your printer if you use screens of two colors, like a 50% screen of reflex blue over a 50% screen of orange. Sometimes, there's an unpredictable chemical interaction. You aren't dealing with predictable mixtures of the CMYK inks here. Talk to your printer before you put one screen atop another.

As for matching RGB screen color to Pantone spot color, hold the spot color swatch book next to the screen, with typical monitor and office lighting conditions. Then pick the closest-match Pantone spot color.

Note: This page will display properly in Internet Explorer. Netscape 6 problems: slow Javascript backgound color processing; improper display of Webdings TTF font (reads as 'ggg') instead of showing color block.


Message

The author, Jon Donahue, enjoys art, and can be contacted at... jon404@outlook.com ...with any comments or suggestions.

This program is copyrighted. You can make copies for yourself. Permission is granted to make copies for educational use.


 

User-defined colors    (color table  (top)

If you are working with a set of corporate colors, you can replace the color values for the section below with your own colors. Put this page in an HTML editor, go to the bottom of the page, and substitute your color values for the ones below. Then, run the page in your browser, and move between the top of the page and the bottom to see the effect of different background colors on your color palette.

ggg logo, purple 361B75 54, 27, 117 The QUICK Brown fox
ggg company yellow FFC300 255, 195, 0 The QUICK Brown fox
ggg company gray 4F5556 79, 85, 86 The QUICK Brown fox
ggg white FFFFFF 255, 255, 255 The QUICK Brown fox
ggg black 000000 0, 0, 0 The QUICK Brown fox

 


1999-2012, Jonathon Donahue. All rights reserved.