Simplify your business
Tuesday, 7 October 2008 1:03 pm

HTML colours by category

Thursday, 25 January 2007  

By popular demand, the original list of 140 HTML colours, grouped by category: red, pink, orange, yellow, purple, green, blue, brown, white and gray.

red colours

namebackgroundvalueforeground
indianredindianred  indianredcd5c5cindianred
lightcorallightcoral  lightcoralf08080lightcoral
salmonsalmon  salmonfa8072salmon
darksalmondarksalmon  darksalmone9967adarksalmon
lightsalmonlightsalmon  lightsalmonffa07alightsalmon
crimsoncrimson  crimsondc143ccrimson
redred  redff0000red
firebrickfirebrick  firebrickb22222firebrick
darkreddarkred  darkred8b0000darkred

pink colours

namebackgroundvalueforeground
pinkpink  pinkffc0cbpink
lightpinklightpink  lightpinkffb6c1lightpink
hotpinkhotpink  hotpinkff69b4hotpink
deeppinkdeeppink  deeppinkff1493deeppink
mediumvioletredmediumvioletred  mediumvioletredc71585mediumvioletred
palevioletredpalevioletred  palevioletreddb7093palevioletred

orange colours

namebackgroundvalueforeground
lightsalmonlightsalmon  lightsalmonffa07alightsalmon
coralcoral  coralff7f50coral
tomatotomato  tomatoff6347tomato
orangeredorangered  orangeredff4500orangered
darkorangedarkorange  darkorangeff8c00darkorange
orangeorange  orangeffa500orange

yellow colours

namebackgroundvalueforeground
goldgold  goldffd700gold
yellowyellow  yellowffff00yellow
lightyellowlightyellow  lightyellowffffe0lightyellow
lemonchiffonlemonchiffon  lemonchiffonfffacdlemonchiffon
lightgoldenrodyellowlightgoldenrodyellow  lightgoldenrodyellowfafad2lightgoldenrodyellow
papayawhippapayawhip  papayawhipffefd5papayawhip
moccasinmoccasin  moccasinffe4b5moccasin
peachpuffpeachpuff  peachpuffffdab9peachpuff
palegoldenrodpalegoldenrod  palegoldenrodeee8aapalegoldenrod
khakikhaki  khakif0e68ckhaki
darkkhakidarkkhaki  darkkhakibdb76bdarkkhaki

purple colours

namebackgroundvalueforeground
lavenderlavender  lavendere6e6falavender
thistlethistle  thistled8bfd8thistle
plumplum  plumdda0ddplum
violetviolet  violetee82eeviolet
orchidorchid  orchidda70d6orchid
fuchsiafuchsia  fuchsiaff00fffuchsia
magentamagenta  magentaff00ffmagenta
mediumorchidmediumorchid  mediumorchidba55d3mediumorchid
mediumpurplemediumpurple  mediumpurple9370dbmediumpurple
bluevioletblueviolet  blueviolet8a2be2blueviolet
darkvioletdarkviolet  darkviolet9400d3darkviolet
darkorchiddarkorchid  darkorchid9932ccdarkorchid
darkmagentadarkmagenta  darkmagenta8b008bdarkmagenta
purplepurple  purple800080purple
indigoindigo  indigo4b0082indigo
slateblueslateblue  slateblue6a5acdslateblue
darkslatebluedarkslateblue  darkslateblue483d8bdarkslateblue

green colours

namebackgroundvalueforeground
greenyellowgreenyellow  greenyellowadff2fgreenyellow
chartreusechartreuse  chartreuse7fff00chartreuse
lawngreenlawngreen  lawngreen7cfc00lawngreen
limelime  lime00ff00lime
limegreenlimegreen  limegreen32cd32limegreen
palegreenpalegreen  palegreen98fb98palegreen
lightgreenlightgreen  lightgreen90ee90lightgreen
mediumspringgreenmediumspringgreen  mediumspringgreen00fa9amediumspringgreen
springgreenspringgreen  springgreen00ff7fspringgreen
mediumseagreenmediumseagreen  mediumseagreen3cb371mediumseagreen
seagreenseagreen  seagreen2e8b57seagreen
forestgreenforestgreen  forestgreen228b22forestgreen
greengreen  green008000green
darkgreendarkgreen  darkgreen006400darkgreen
yellowgreenyellowgreen  yellowgreen9acd32yellowgreen
olivedrabolivedrab  olivedrab6b8e23olivedrab
oliveolive  olive808000olive
darkolivegreendarkolivegreen  darkolivegreen556b2fdarkolivegreen
mediumaquamarinemediumaquamarine  mediumaquamarine66cdaamediumaquamarine
darkseagreendarkseagreen  darkseagreen8fbc8fdarkseagreen
lightseagreenlightseagreen  lightseagreen20b2aalightseagreen
darkcyandarkcyan  darkcyan008b8bdarkcyan
tealteal  teal008080teal

blue colours

namebackgroundvalueforeground
aquaaqua  aqua00ffffaqua
cyancyan  cyan00ffffcyan
lightcyanlightcyan  lightcyane0fffflightcyan
paleturquoisepaleturquoise  paleturquoiseafeeeepaleturquoise
aquamarineaquamarine  aquamarine7fffd4aquamarine
turquoiseturquoise  turquoise40e0d0turquoise
mediumturquoisemediumturquoise  mediumturquoise48d1ccmediumturquoise
darkturquoisedarkturquoise  darkturquoise00ced1darkturquoise
cadetbluecadetblue  cadetblue5f9ea0cadetblue
steelbluesteelblue  steelblue4682b4steelblue
lightsteelbluelightsteelblue  lightsteelblueb0c4delightsteelblue
powderbluepowderblue  powderblueb0e0e6powderblue
lightbluelightblue  lightblueadd8e6lightblue
skyblueskyblue  skyblue87ceebskyblue
lightskybluelightskyblue  lightskyblue87cefalightskyblue
deepskybluedeepskyblue  deepskyblue00bfffdeepskyblue
dodgerbluedodgerblue  dodgerblue1e90ffdodgerblue
cornflowerbluecornflowerblue  cornflowerblue6495edcornflowerblue
mediumslatebluemediumslateblue  mediumslateblue7b68eemediumslateblue
royalblueroyalblue  royalblue4169e1royalblue
blueblue  blue0000ffblue
mediumbluemediumblue  mediumblue0000cdmediumblue
darkbluedarkblue  darkblue00008bdarkblue
navynavy  navy000080navy
midnightbluemidnightblue  midnightblue191970midnightblue

brown colours

namebackgroundvalueforeground
cornsilkcornsilk  cornsilkfff8dccornsilk
blanchedalmondblanchedalmond  blanchedalmondffebcdblanchedalmond
bisquebisque  bisqueffe4c4bisque
navajowhitenavajowhite  navajowhiteffdeadnavajowhite
wheatwheat  wheatf5deb3wheat
burlywoodburlywood  burlywooddeb887burlywood
tantan  tand2b48ctan
rosybrownrosybrown  rosybrownbc8f8frosybrown
sandybrownsandybrown  sandybrownf4a460sandybrown
goldenrodgoldenrod  goldenroddaa520goldenrod
darkgoldenroddarkgoldenrod  darkgoldenrodb8860bdarkgoldenrod
peruperu  perucd853fperu
chocolatechocolate  chocolated2691echocolate
saddlebrownsaddlebrown  saddlebrown8b4513saddlebrown
siennasienna  siennaa0522dsienna
brownbrown  browna52a2abrown
maroonmaroon  maroon800000maroon

white colours

namebackgroundvalueforeground
whitewhite  whiteffffffwhite
snowsnow  snowfffafasnow
honeydewhoneydew  honeydewf0fff0honeydew
mintcreammintcream  mintcreamf5fffamintcream
azureazure  azuref0ffffazure
alicebluealiceblue  alicebluef0f8ffaliceblue
ghostwhiteghostwhite  ghostwhitef8f8ffghostwhite
whitesmokewhitesmoke  whitesmokef5f5f5whitesmoke
seashellseashell  seashellfff5eeseashell
beigebeige  beigef5f5dcbeige
oldlaceoldlace  oldlacefdf5e6oldlace
floralwhitefloralwhite  floralwhitefffaf0floralwhite
ivoryivory  ivoryfffff0ivory
antiquewhiteantiquewhite  antiquewhitefaebd7antiquewhite
linenlinen  linenfaf0e6linen
lavenderblushlavenderblush  lavenderblushfff0f5lavenderblush
mistyrosemistyrose  mistyroseffe4e1mistyrose

gray colours

namebackgroundvalueforeground
gainsborogainsboro  gainsborodcdcdcgainsboro
lightgreylightgrey  lightgreyd3d3d3lightgrey
silversilver  silverc0c0c0silver
darkgraydarkgray  darkgraya9a9a9darkgray
graygray  gray808080gray
dimgraydimgray  dimgray696969dimgray
lightslategraylightslategray  lightslategray778899lightslategray
slategrayslategray  slategray708090slategray
darkslategraydarkslategray  darkslategray2f4f4fdarkslategray
blackblack  black000000black
Posted in CSS, Design, HTML, Web by Ivan
Blinklist icon Del.iocio.us icon Furl icon Reddit icon Technorati icon Yahoo! icon

 two comments:

  1. Ben - Saturday, 3 March 2007 9:34 am  

    Fantastic! Very useful. Now I can set my Fluxbox background 'til my heart's contempt. :-)

  2. Ivan - Sunday, 4 March 2007 5:58 am  

    You don't mean 'till your heart's mean, vile, worthless, disdained, scorned, despised, disgraced and dishonoured, do you? I hope you meant "content" instead.


Got something to say?

To protect your privacy, your email address will not be displayed.





Some basic rules for commenting:

  • Watch your language.
  • Keep comments on-topic and relevant.
  • You can use basic XHTML tags for formatting and linking but not bbcode.
  • Comments are moderated, so don't double post if your comment doesn't appear immediately.
  • Please proof-read your comments for spelling and grammar mistakes.
  • Watch your language.