Color Samples

Here is a Color Samples reference that shows many colors that can be used on webpages.



Variety of Un-named Colors

Color Color Name Hex Code Sample Text
  n/a #2a9fff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #3366cc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #336699 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #0157e5 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #2a5fff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #2b32fd Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #2a00ff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #0033cc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #6633cc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #7f3fff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #7b76db Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #aa1fff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #ff00cc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #ff08a5 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #ff0099 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #ff3366 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #ff0066 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #ff0033 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #ff3f00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #d62129 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #d21034 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #d40000 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #cc0000 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #cc0099 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #cc00cc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #c32083 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #2abf00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #009933 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #009900 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #338530 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #007f00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #ff9f00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #cc6600 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #935b40 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #7f3f00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #663333 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  n/a #561d44 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Red Colors

top

Color Color Name Hex Code Sample Text
  lightsalmon #ffa07a Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  salmon #fa8072 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darksalmon #e9967a Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightcoral #f08080 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  indianred #cd5c5c Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  crimson #dc143c Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  red #ff0000 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  firebrick #b22222 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkred #8b0000 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Orange Colors

top

Color Color Name Hex Code Sample Text
  coral #ff7f50 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  tomato #ff6347 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  orangered #ff4500 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  gold #ffd700 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  orange #ffa500 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkorange #ff8c00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Yellow Colors

top

Color Color Name Hex Code Sample Text
  lightyellow #ffffe0 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lemonchiffon #fffacd Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightgoldenrodyellow #fafad2 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  papayawhip #ffefd5 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  moccasin #ffe4b5 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  peachpuff #ffdab9 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  palegoldenrod #eee8aa Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  khaki #f0e68c Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkkhaki #bdb76b Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  yellow #ffff00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Green Colors

top

Color Color Name Hex Code Sample Text
  lawngreen #7cfc00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  chartreuse #7fff00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  limegreen #32cd32 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lime #00ff00 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  forestgreen #228b22 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  green #008000 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkgreen #006400 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  greenyellow #adff2f Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  yellowgreen #9acd32 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  springgreen #00ff7f Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mediumspringgreen #00fa9a Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightgreen #90ee90 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  palegreen #98fb98 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkseagreen #8fbc8f Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mediumseagreen #3cb371 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  seagreen #2e8b57 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  olive #808000 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkolivegreen #556b2f Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  olivedrab #6b8e23 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Cyan Colors

top

Color Color Name Hex Code Sample Text
  lightcyan #e0ffff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  cyan / aqua #00ffff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  aquamarine #7fffd4 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mediumaquamarine #66cdaa Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  paleturquoise #afeeee Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  turquoise #40e0d0 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mediumturquoise #48d1cc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkturquoise #00ced1 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightseagreen #20b2aa Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  cadetblue #5f9ea0 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkcyan #008b8b Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  teal #008080 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Blue Colors

top

Color Color Name Hex Code Sample Text
  powderblue #b0e0e6 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightblue #add8e6 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightskyblue #87cefa Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  skyblue #87ceeb Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  deepskyblue #00bfff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightsteelblue #b0c4de Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  dodgerblue #1e90ff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  cornflowerblue #6495ed Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  steelblue #4682b4 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  royalblue #4169e1 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  blue #0000ff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mediumblue #0000cd Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkblue #00008b Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  navy #000080 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  midnightblue #191970 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mediumslateblue #7b68ee Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  slateblue #6a5acd Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkslateblue #483d8b Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Purple Colors

top

Color Color Name Hex Code Sample Text
  lavender #e6e6fa Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  thistle #d8bfd8 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  plum #dda0dd Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  violet #ee82ee Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  orchid #da70d6 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  fuchsia #ff00ff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  magenta #ff00ff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mediumorchid #ba55d3 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mediumpurple #9370db Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  blueviolet #8a2be2 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkviolet #9400d3 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkorchid #9932cc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkmagenta #8b008b Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  purple #800080 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  rebeccapurple #663399 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  indigo #4b0082 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Pink Colors

top

Color Color Name Hex Code Sample Text
  pink #ffc0cb Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightpink #ffb6c1 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  hotpink #ff69b4 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  deeppink #ff1493 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  palevioletred #db7093 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mediumvioletred #c71585 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

White Colors

top

Color Color Name Hex Code Sample Text
  white #ffffff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  snow #fffafa Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  honeydew #f0fff0 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mintcream #f5fffa Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  azure #f0ffff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  aliceblue #f0f8ff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  ghostwhite #f8f8ff Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  whitesmoke #f5f5f5 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  seashell #fff5ee Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  beige #f5f5dc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  oldlace #fdf5e6 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  floralwhite #fffaf0 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  ivory #fffff0 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  antiquewhite #faebd7 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  linen #faf0e6 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lavenderblush #fff0f5 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  mistyrose #ffe4e1 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Gray Colors

top

Color Color Name Hex Code Sample Text
  gainsboro #dcdcdc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightgray #d3d3d3 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  silver #c0c0c0 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkgray #a9a9a9 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  gray #808080 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  dimgray #696969 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  lightslategray #778899 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  slategray #708090 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkslategray #2f4f4f Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  black #000000 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Brown Colors

top

Color Color Name Hex Code Sample Text
  cornsilk #fff8dc Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  blanchedalmond #ffebcd Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  bisque #ffe4c4 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  navajowhite #ffdead Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  wheat #f5deb3 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  burlywood #deb887 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  tan #d2b48c Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  rosybrown #bc8f8f Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  sandybrown #f4a460 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  goldenrod #daa520 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  darkgoldenrod #b8860b Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  peru #cd853f Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  chocolate #d2691e Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  saddlebrown #8b4513 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  sienna #a0522d Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  brown #a52a2a Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.
  maroon #800000 Lorem ipsum dolor consectetur adipiscing elit sed do, eiusmod tempor ut labore.

Color Names Supported by All Browsers   ~   www.w3schools.com


Back         Top