Controls

Color Scheme Planner

JavaScript is NOT enabled. If you want to use this page, please enable Javascript.

This page allows you to see the colours and contrasts of a webpage. A good rule of thumb is: If you have to highlight the text to read it, your contrast is no good. Poor contrast can result in colours that are very similar or colours that jar with each other.

On the right side of this page are a set of colours that you may choose from; they are the named colours (with their Hexadecimal codes). If you click on them, you can choose to which part of the webpage the colour will be applied.

For other colours, the first two links above the colour table go to pages that let you experiment with colours and find ones you like; this page has been set up to accept Hexadecimal (including compact), Red-Green-Blue, and Hue-Saturation-Lightness codes.

However, the Hue-Saturation-Lightness page requires the browser to support XHTML+SVG and CSS 3. If you see a green checkmark beside the link, your browser will support the page.

Colour Names
Code Name
#F0F8FFAliceBlue
#FAEBD7AntiqueWhite
#00FFFFAqua
#7FFFD4Aquamarine
#F0FFFFAzure
#F5F5DCBeige
#FFE4C4Bisque
#000000Black
#FFEBCDBlanchedAlmond
#0000FFBlue
#8A2BE2BlueViolet
#A52A2ABrown
#DEB887BurlyWood
#5F9EA0CadetBlue
#7FFF00Chartreuse
#D2691EChocolate
#FF7F50Coral
#6495EDCornflowerBlue
#FFF8DCCornsilk
#DC143CCrimson
#00FFFFCyan
#00008BDarkBlue
#008B8BDarkCyan
#B8860BDarkGoldenRod
#A9A9A9DarkGray
DarkGrey
#006400DarkGreen
#BDB76BDarkKhaki
#8B008BDarkMagenta
#556B2FDarkOliveGreen
#FF8C00Darkorange
#9932CCDarkOrchid
#8B0000DarkRed
#E9967ADarkSalmon
#8FBC8FDarkSeaGreen
#483D8BDarkSlateBlue
#2F4F4FDarkSlateGray
DarkSlateGrey
#00CED1DarkTurquoise
#9400D3DarkViolet
#FF1493DeepPink
#00BFFFDeepSkyBlue
#696969DimGray
DimGrey
#1E90FFDodgerBlue
#B22222FireBrick
#FFFAF0FloralWhite
#228B22ForestGreen
#FF00FFFuchsia
#DCDCDCGainsboro
#F8F8FFGhostWhite
#FFD700Gold
#DAA520GoldenRod
#808080Gray
Grey
#008000Green
#ADFF2FGreenYellow
#F0FFF0HoneyDew
#FF69B4HotPink
#CD5C5CIndianRed
#4B0082Indigo
#FFFFF0Ivory
#F0E68CKhaki
#E6E6FALavender
#FFF0F5LavenderBlush
#7CFC00LawnGreen
#FFFACDLemonChiffon
#ADD8E6LightBlue
#F08080LightCoral
#E0FFFFLightCyan
#FAFAD2LightGoldenRodYellow
#D3D3D3LightGray
LightGrey
#90EE90LightGreen
#FFB6C1LightPink
#FFA07ALightSalmon
#20B2AALightSeaGreen
#87CEFALightSkyBlue
#778899LightSlateGray
LightSlateGrey
#B0C4DELightSteelBlue
#FFFFE0LightYellow
#00FF00Lime
#32CD32LimeGreen
#FAF0E6Linen
#FF00FFMagenta
#800000Maroon
#66CDAAMediumAquaMarine
#0000CDMediumBlue
#BA55D3MediumOrchid
#9370D8MediumPurple
#3CB371MediumSeaGreen
#7B68EEMediumSlateBlue
#00FA9AMediumSpringGreen
#48D1CCMediumTurquoise
#C71585MediumVioletRed
#191970MidnightBlue
#F5FFFAMintCream
#FFE4E1MistyRose
#FFE4B5Moccasin
#FFDEADNavajoWhite
#000080Navy
#FDF5E6OldLace
#808000Olive
#6B8E23OliveDrab
#FFA500Orange
#FF4500OrangeRed
#DA70D6Orchid
#EEE8AAPaleGoldenRod
#98FB98PaleGreen
#AFEEEEPaleTurquoise
#D87093PaleVioletRed
#FFEFD5PapayaWhip
#FFDAB9PeachPuff
#CD853FPeru
#FFC0CBPink
#DDA0DDPlum
#B0E0E6PowderBlue
#800080Purple
#FF0000Red
#BC8F8FRosyBrown
#4169E1RoyalBlue
#8B4513SaddleBrown
#FA8072Salmon
#F4A460SandyBrown
#2E8B57SeaGreen
#FFF5EESeaShell
#A0522DSienna
#C0C0C0Silver
#87CEEBSkyBlue
#6A5ACDSlateBlue
#708090SlateGray
SlateGrey
#FFFAFASnow
#00FF7FSpringGreen
#4682B4SteelBlue
#D2B48CTan
#008080Teal
#D8BFD8Thistle
#FF6347Tomato
#40E0D0Turquoise
#EE82EEViolet
#F5DEB3Wheat
#FFFFFFWhite
#F5F5F5WhiteSmoke
#FFFF00Yellow
#9ACD32YellowGreen