Color Shades
This chart shows a list of colors and, for each color, three
Ads by Google
other colors based on the original color but with higher light values.
You can use this chart to set up color schemes. HTML Colors
Color Pallet
This chart lists the colors from the color codes chart that have some Pantone Colors
saturation. (Grey, white, and black have no saturation.) RGB Colors
In this chart, the first column lists the name of the color. The second
column lists the color's hue in degrees of the color circle with 0° = red; 120° = green; 240° = blue. The
next two columns are the hexadecimal red, green, and blue code for the color and a swatch based on
this hex code (just as shown on the color codes chart.)
The next three pairs of columns show swatches of color based on the original value, but with
increasing light based on a step size. The step size of increasing light is meant to give three lighter
swatches of the original value. These swatches are calculated to be equidistant from the original light
value to a light value of 95%. The value 95% was chosen to be the lightest swatch shown because if
you get more above 95% in lightness, you get very light colors that are near white (you'll see in the
chart that the upper 95% light value in the right-most column is close to the same value for colors of
similar hue.) For colors over 95% in lightness for their original value, an upper limit of 99% was used.
This chart can be used directly to choose a color or as a way to set up color schemes.
Name Hue Original value 1 step lighter 2 steps lighter 3 steps lighter
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
novascotia
0° #FF3333 #FF6F6F #FFAAAA #FFE5E5
salmon
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
semisweet
24° #6B4226 #BD7645 #DBB399 #F8F1EC
chocolate1
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
cadmium
40° #FFB00F #FFC857 #FFDF9E #FFF7E5
yellowlight
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
semisweet
44° #E6B426 #EDCA67 #F5E1A7 #FCF7E8
chocolate2
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
isle royale
149° #426352 #70A087 #B0CABD #F0F5F2
greenstone
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
swimming
183° #67E6EC #92EDF1 #BDF4F7 #E8FBFC
pool
fenway
184° #4A777A #77A9AD #B3CFD1 #EFF5F5
monster
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
la maison
210° #60AFFE #8DC5FE #B9DCFF #E6F2FF
bleue
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
forget me
214° #7EB6FF #A0CAFF #C3DDFF #E5F1FF
nots
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
blue ridge
215° #4981CE #7FA6DD #B5CCEB #EBF1FA
mtns
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
permanent
350° #DB2645 #E6677D #F1A8B5 #FBE9EC
redviolet
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]
Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
http://www.december.com/html/spec/colorshades.html[30/03/2010 16:37:05]