css2 reference
TRANSCRIPT
-
8/14/2019 CSS2 Reference
1/20
CSS2 Reference
-
8/14/2019 CSS2 Reference
2/20
CSS2 Reference
The links in the "Property" column point to more useful information about each property.
Background
Border
Classification
Dimension
Font
Generated Content
List and Marker
Margin
Outlines
Padding
Positioning
Table
Text
Pseudo-classes
Pseudo-elements
Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape.W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
Background
Property Description Values IE F N W3C
background A shorthand property for setting all
background properties in onedeclaration
background-color
background-imagebackground-repeat
background-attachmentbackground-position
4 1 6 1
background-attachment Sets whether a background image is
fixed or scrolls with the rest of thepage
scroll
fixed
4 1 6 1
background-color Sets the background color of an
element
color-rgb
color-hexcolor-name
transparent
4 1 4 1
background-image Sets an image as the background url(URL)
none
4 1 4 1
background-position Sets the starting position of a
background image
top left
top centertop right
center leftcenter center
center right
bottom leftbottom centerbottom right
x% y%xpos ypos
4 1 6 1
background-repeat Sets if/how a background image willbe repeated
repeatrepeat-x
repeat-yno-repeat
4 1 4 1
Border
Property Description Values IE F N W3C
border A shorthand property for setting allof the properties for the fourborders in one declaration
border-widthborder-styleborder-color
4 1 4 1
border-bottom A shorthand property for setting allof the properties for the bottom
border in one declaration
border-bottom-widthborder-style
border-color
4 1 6 1
border-bottom-color Sets the color of the bottom border border-color 4 1 6 2
border-bottom-style Sets the style of the bottom border border-style 4 1 6 2
border-bottom-width Sets the width of the bottom border thin
mediumthick
length
4 1 4 1
border-color Sets the color of the four borders,
can have from one to four colors
color 4 1 6 1
border-left A shorthand property for setting all
of the properties for the left borderin one declaration
border-left-width
border-styleborder-color
4 1 6 1
border-left-color Sets the color of the left border border-color 4 1 6 2
border-left-style Sets the style of the left border border-style 4 1 6 2
http://www.w3schools.com/css/#backgroundhttp://www.w3schools.com/css/#borderhttp://www.w3schools.com/css/#classificationhttp://www.w3schools.com/css/#dimensionhttp://www.w3schools.com/css/#fonthttp://www.w3schools.com/css/#generatedcontenthttp://www.w3schools.com/css/#listhttp://www.w3schools.com/css/#marginhttp://www.w3schools.com/css/#outlineshttp://www.w3schools.com/css/#paddinghttp://www.w3schools.com/css/#positioninghttp://www.w3schools.com/css/#tablehttp://www.w3schools.com/css/#texthttp://www.w3schools.com/css/#pseudoclasseshttp://www.w3schools.com/css/#pseudoelhttp://www.w3schools.com/css/pr_background.asphttp://www.w3schools.com/css/pr_background-attachment.asphttp://www.w3schools.com/css/pr_background-color.asphttp://www.w3schools.com/css/pr_background-image.asphttp://www.w3schools.com/css/pr_background-position.asphttp://www.w3schools.com/css/pr_background-repeat.asphttp://www.w3schools.com/css/pr_border.asphttp://www.w3schools.com/css/pr_border-bottom.asphttp://www.w3schools.com/css/pr_border-bottom_color.asphttp://www.w3schools.com/css/pr_border-bottom_style.asphttp://www.w3schools.com/css/pr_border-bottom_width.asphttp://www.w3schools.com/css/pr_border-color.asphttp://www.w3schools.com/css/pr_border-left.asphttp://www.w3schools.com/css/pr_border-left_color.asphttp://www.w3schools.com/css/pr_border-left_style.asphttp://www.w3schools.com/css/#backgroundhttp://www.w3schools.com/css/#borderhttp://www.w3schools.com/css/#classificationhttp://www.w3schools.com/css/#dimensionhttp://www.w3schools.com/css/#fonthttp://www.w3schools.com/css/#generatedcontenthttp://www.w3schools.com/css/#listhttp://www.w3schools.com/css/#marginhttp://www.w3schools.com/css/#outlineshttp://www.w3schools.com/css/#paddinghttp://www.w3schools.com/css/#positioninghttp://www.w3schools.com/css/#tablehttp://www.w3schools.com/css/#texthttp://www.w3schools.com/css/#pseudoclasseshttp://www.w3schools.com/css/#pseudoelhttp://www.w3schools.com/css/pr_background.asphttp://www.w3schools.com/css/pr_background-attachment.asphttp://www.w3schools.com/css/pr_background-color.asphttp://www.w3schools.com/css/pr_background-image.asphttp://www.w3schools.com/css/pr_background-position.asphttp://www.w3schools.com/css/pr_background-repeat.asphttp://www.w3schools.com/css/pr_border.asphttp://www.w3schools.com/css/pr_border-bottom.asphttp://www.w3schools.com/css/pr_border-bottom_color.asphttp://www.w3schools.com/css/pr_border-bottom_style.asphttp://www.w3schools.com/css/pr_border-bottom_width.asphttp://www.w3schools.com/css/pr_border-color.asphttp://www.w3schools.com/css/pr_border-left.asphttp://www.w3schools.com/css/pr_border-left_color.asphttp://www.w3schools.com/css/pr_border-left_style.asp -
8/14/2019 CSS2 Reference
3/20
-
8/14/2019 CSS2 Reference
4/20
table-row-grouptable-header-group
table-footer-grouptable-row
table-column-grouptable-column
table-celltable-caption
float Sets where an image or a text willappear in another element
leftright
none
4 1 4 1
position Places an element in a static,
relative, absolute or fixed position
static
relativeabsolute
fixed
4 1 4 2
visibility Sets if an element should be visibleor invisible
visiblehiddencollapse
4 1 6 2
Dimension
Property Description Values IE F N W3C
height Sets the height of an element auto
length%
4 1 6 1
line-height Sets the distance between lines normalnumber
length%
4 1 4 1
max-height Sets the maximum height of anelement
nonelength
%
- 1 6 2
max-width Sets the maximum width of an
element
none
length%
- 1 6 2
min-height Sets the minimum height of anelement
length%
- 1 6 2
min-width Sets the minimum width of anelement
length%
- 1 6 2
width Sets the width of an element auto
%length
4 1 4 1
Font
Property Description Values IE F N W3C
font A shorthand property for setting allof the properties for a font in one
declaration
font-stylefont-variant
font-weightfont-size/line-height
font-familycaption
iconmenu
message-boxsmall-caption
status-bar
4 1 4 1
font-family A prioritized list of font family
names and/or generic family namesfor an element
family-name
generic-family
3 1 4 1
font-size Sets the size of a font xx-smallx-small
smallmedium
largex-large
xx-largesmallerlarger
length
3 1 4 1
http://www.w3schools.com/css/pr_class_float.asphttp://www.w3schools.com/css/pr_class_position.asphttp://www.w3schools.com/css/pr_class_visibility.asphttp://www.w3schools.com/css/pr_dim_height.asphttp://www.w3schools.com/css/pr_dim_line-height.asphttp://www.w3schools.com/css/pr_dim_max-height.asphttp://www.w3schools.com/css/pr_dim_max-width.asphttp://www.w3schools.com/css/pr_dim_min-height.asphttp://www.w3schools.com/css/pr_dim_min-width.asphttp://www.w3schools.com/css/pr_dim_width.asphttp://www.w3schools.com/css/pr_font_font.asphttp://www.w3schools.com/css/pr_font_font-family.asphttp://www.w3schools.com/css/pr_font_font-size.asphttp://www.w3schools.com/css/pr_class_float.asphttp://www.w3schools.com/css/pr_class_position.asphttp://www.w3schools.com/css/pr_class_visibility.asphttp://www.w3schools.com/css/pr_dim_height.asphttp://www.w3schools.com/css/pr_dim_line-height.asphttp://www.w3schools.com/css/pr_dim_max-height.asphttp://www.w3schools.com/css/pr_dim_max-width.asphttp://www.w3schools.com/css/pr_dim_min-height.asphttp://www.w3schools.com/css/pr_dim_min-width.asphttp://www.w3schools.com/css/pr_dim_width.asphttp://www.w3schools.com/css/pr_font_font.asphttp://www.w3schools.com/css/pr_font_font-family.asphttp://www.w3schools.com/css/pr_font_font-size.asp -
8/14/2019 CSS2 Reference
5/20
%
font-size-adjust Specifies an aspect value for an
element that will preserve the x-height of the first-choice font
none
number
- 1 - 2
font-stretch Condenses or expands the currentfont-family
normalwider
narrowerultra-condensed
extra-condensedcondensed
semi-condensedsemi-expanded
expandedextra-expanded
ultra-expanded
- - - 2
font-style Sets the style of the font normalitalicoblique
4 1 4 1
font-variant Displays text in a small-caps font ora normal font
normalsmall-caps
4 1 6 1
font-weight Sets the weight of a font normalboldbolder
lighter100200
300400
500600
700800
900
4 1 4 1
Generated Content
Property Description Values IE F N W3C
content Generates content in a document.Used with the :before and :after
pseudo-elements
stringurl
counter(name)counter(name, list-style-type)
counters(name, string)counters(name, string, list-style-type)
attr(X)open-quoteclose-quote
no-open-quoteno-close-quote
1 6 2
counter-increment Sets how much the counterincrements on each occurrence of a
selector
noneidentifier number
2
counter-reset Sets the value the counter is set toon each occurrence of a selector
noneidentifier number
2
quotes Sets the type of quotation marks none
string string
- 1 6 2
List and Marker
Property Description Values IE F N W3C
list-style A shorthand property for setting allof the properties for a list in one
declaration
list-style-typelist-style-position
list-style-image
4 1 6 1
list-style-image Sets an image as the list-item
marker
none
url
4 1 6 1
list-style-position Sets where the list-item marker is
placed in the list
inside
outside
4 1 6 1
list-style-type Sets the type of the list-item markernonedisc
circle
4 1 4 1
http://www.w3schools.com/css/pr_font_font-size-adjust.asphttp://www.w3schools.com/css/pr_font_font-stretch.asphttp://www.w3schools.com/css/pr_font_font-stretch.asphttp://www.w3schools.com/css/pr_font_font-style.asphttp://www.w3schools.com/css/pr_font_font-variant.asphttp://www.w3schools.com/css/pr_font_weight.asphttp://www.w3schools.com/css/pr_gen_content.asphttp://www.w3schools.com/css/pr_gen_content.asphttp://www.w3schools.com/css/pr_gen_counter-increment.asphttp://www.w3schools.com/css/pr_gen_counter-reset.asphttp://www.w3schools.com/css/pr_gen_quotes.asphttp://www.w3schools.com/css/pr_list-style.asphttp://www.w3schools.com/css/pr_list-style-image.asphttp://www.w3schools.com/css/pr_list-style-position.asphttp://www.w3schools.com/css/pr_list-style-type.asphttp://www.w3schools.com/css/pr_font_font-size-adjust.asphttp://www.w3schools.com/css/pr_font_font-stretch.asphttp://www.w3schools.com/css/pr_font_font-style.asphttp://www.w3schools.com/css/pr_font_font-variant.asphttp://www.w3schools.com/css/pr_font_weight.asphttp://www.w3schools.com/css/pr_gen_content.asphttp://www.w3schools.com/css/pr_gen_counter-increment.asphttp://www.w3schools.com/css/pr_gen_counter-reset.asphttp://www.w3schools.com/css/pr_gen_quotes.asphttp://www.w3schools.com/css/pr_list-style.asphttp://www.w3schools.com/css/pr_list-style-image.asphttp://www.w3schools.com/css/pr_list-style-position.asphttp://www.w3schools.com/css/pr_list-style-type.asp -
8/14/2019 CSS2 Reference
6/20
squaredecimal
decimal-leading-zerolower-roman
upper-romanlower-alpha
upper-alphalower-greek
lower-latinupper-latin
hebrewarmeniangeorgiancjk-ideographic
hiraganakatakana
hiragana-irohakatakana-iroha
marker-offset autolength
1 7 2
Margin
Property Description Values IE F N W3C
margin A shorthand property for setting themargin properties in one declaration
margin-topmargin-right
margin-bottommargin-left
4 1 4 1
margin-bottom Sets the bottom margin of an
element
auto
length%
4 1 4 1
margin-left Sets the left margin of an element autolength
%
3 1 4 1
margin-right Sets the right margin of an element auto
length%
3 1 4 1
margin-top Sets the top margin of an element autolength
%
3 1 4 1
Outlines
Property Description Values IE F N W3C
outline A shorthand property for setting allthe outline properties in one
declaration
outline-coloroutline-style
outline-width
- 1.5 - 2
outline-color Sets the color of the outline around
an element
color
invert
- 1.5 - 2
outline-style Sets the style of the outline aroundan element
nonedotted
dashedsoliddouble
grooveridge
insetoutset
- 1.5 - 2
outline-width Sets the width of the outline aroundan element
thinmedium
thicklength
- 1.5 - 2
Padding
Property Description Values IE F N W3C
padding A shorthand property for setting allof the padding properties in onedeclaration
padding-toppadding-rightpadding-bottom
padding-left
4 1 4 1
http://www.w3schools.com/css/pr_margin.asphttp://www.w3schools.com/css/pr_margin-bottom.asphttp://www.w3schools.com/css/pr_margin-left.asphttp://www.w3schools.com/css/pr_margin-right.asphttp://www.w3schools.com/css/pr_margin-top.asphttp://www.w3schools.com/css/pr_outline.asphttp://www.w3schools.com/css/pr_outline-color.asphttp://www.w3schools.com/css/pr_outline-style.asphttp://www.w3schools.com/css/pr_outline-width.asphttp://www.w3schools.com/css/pr_padding.asphttp://www.w3schools.com/css/pr_margin.asphttp://www.w3schools.com/css/pr_margin-bottom.asphttp://www.w3schools.com/css/pr_margin-left.asphttp://www.w3schools.com/css/pr_margin-right.asphttp://www.w3schools.com/css/pr_margin-top.asphttp://www.w3schools.com/css/pr_outline.asphttp://www.w3schools.com/css/pr_outline-color.asphttp://www.w3schools.com/css/pr_outline-style.asphttp://www.w3schools.com/css/pr_outline-width.asphttp://www.w3schools.com/css/pr_padding.asp -
8/14/2019 CSS2 Reference
7/20
padding-bottom Sets the bottom padding of anelement
length%
4 1 4 1
padding-left Sets the left padding of an element length%
4 1 4 1
padding-right Sets the right padding of anelement
length%
4 1 4 1
padding-top Sets the top padding of an element length%
4 1 4 1
PositioningProperty Description Values IE F N W3C
bottom Sets how far the bottom edge of anelement is above/below the bottom
edge of the parent element
auto%
length
5 1 6 2
clip Sets the shape of an element. Theelement is clipped into this shape,
and displayed
shapeauto
4 1 6 2
left Sets how far the left edge of an
element is to the right/left of theleft edge of the parent element
auto
%length
4 1 4 2
overflow Sets what happens if the content ofan element overflow its area
visiblehidden
scrollauto
4 1 6 2
position Places an element in a static,relative, absolute or fixed position
staticrelative
absolutefixed
4 1 4 2
right Sets how far the right edge of anelement is to the left/right of the
right edge of the parent element
auto%
length
5 1 6 2
top Sets how far the top edge of an
element is above/below the topedge of the parent element
auto
%length
4 1 4 2
vertical-align Sets the vertical alignment of an
element
baseline
subsupertop
text-topmiddle
bottomtext-bottom
length%
4 1 4 1
z-index Sets the stack order of an element autonumber
4 1 6 2
Table
Property Description Values IE F N W3C
border-collapse Sets whether the table borders are
collapsed into a single border ordetached as in standard HTML
collapse
separate
5 1 7 2
border-spacing Sets the distance that separates cellborders (only for the "separated
borders" model)
length length 5M 1 6 2
caption-side Sets the position of the tablecaption
topbottomleft
right
5M 1 6 2
empty-cells Sets whether or not to show empty
cells in a table (only for the
"separated borders" model)
show
hide
5M 1 6 2
table-layout Sets the algorithm used to display
the table cells, rows, and columns
auto
fixed
5 1 6 2
Text
http://www.w3schools.com/css/pr_padding-bottom.asphttp://www.w3schools.com/css/pr_padding-left.asphttp://www.w3schools.com/css/pr_padding-right.asphttp://www.w3schools.com/css/pr_padding-top.asphttp://www.w3schools.com/css/pr_pos_bottom.asphttp://www.w3schools.com/css/pr_pos_clip.asphttp://www.w3schools.com/css/pr_pos_left.asphttp://www.w3schools.com/css/pr_pos_overflow.asphttp://www.w3schools.com/css/pr_class_position.asphttp://www.w3schools.com/css/pr_pos_right.asphttp://www.w3schools.com/css/pr_pos_top.asphttp://www.w3schools.com/css/pr_pos_vertical-align.asphttp://www.w3schools.com/css/pr_pos_z-index.asphttp://www.w3schools.com/css/pr_tab_border-collapse.asphttp://www.w3schools.com/css/pr_tab_border-spacing.asphttp://www.w3schools.com/css/pr_tab_caption-side.asphttp://www.w3schools.com/css/pr_tab_empty-cells.asphttp://www.w3schools.com/css/pr_tab_table-layout.asphttp://www.w3schools.com/css/pr_padding-bottom.asphttp://www.w3schools.com/css/pr_padding-left.asphttp://www.w3schools.com/css/pr_padding-right.asphttp://www.w3schools.com/css/pr_padding-top.asphttp://www.w3schools.com/css/pr_pos_bottom.asphttp://www.w3schools.com/css/pr_pos_clip.asphttp://www.w3schools.com/css/pr_pos_left.asphttp://www.w3schools.com/css/pr_pos_overflow.asphttp://www.w3schools.com/css/pr_class_position.asphttp://www.w3schools.com/css/pr_pos_right.asphttp://www.w3schools.com/css/pr_pos_top.asphttp://www.w3schools.com/css/pr_pos_vertical-align.asphttp://www.w3schools.com/css/pr_pos_z-index.asphttp://www.w3schools.com/css/pr_tab_border-collapse.asphttp://www.w3schools.com/css/pr_tab_border-spacing.asphttp://www.w3schools.com/css/pr_tab_caption-side.asphttp://www.w3schools.com/css/pr_tab_empty-cells.asphttp://www.w3schools.com/css/pr_tab_table-layout.asp -
8/14/2019 CSS2 Reference
8/20
Property Description Values IE F N W3C
color Sets the color of a text color 3 1 4 1
direction Sets the text direction ltrrtl
6 1 6 2
line-height Sets the distance between lines normalnumber
length%
4 1 4 1
letter-spacing Increase or decrease the space
between characters
normal
length
4 1 6 1
text-align Aligns the text in an element leftright
centerjustify
4 1 4 1
text-decoration Adds decoration to text noneunderlineoverline
line-throughblink
4 1 4 1
text-indent Indents the first line of text in an
element
length
%
4 1 4 1
text-shadow none
colorlength
text-transform Controls the letters in an element nonecapitalize
uppercaselowercase
4 1 4 1
unicode-bidi normalembed
bidi-override
5 2
white-space Sets how white space inside an
element is handled
normal
prenowrap
5 1 4 1
word-spacing Increase or decrease the spacebetween words
normallength
6 1 6 1
Pseudo-classes
Pseudo-class Purpose IE F N W3C
:active Adds special style to an activated element 4 1 8 1
:focus Adds special style to an element while the element has focus - 1.5 8 2
:hover Adds special style to an element when you mouse over it 4 1 7 1
:link Adds special style to an unvisited link 3 1 4 1
:visited Adds special style to a visited link 3 1 4 1
:first-child Adds special style to an element that is the first child of someother element
- 1 7 2
:lang Allows the author to specify a language to use in a specified
element
- 1 8 2
Pseudo-elements
Pseudo-element Purpose IE F N W3C
:first-letter Adds special style to the first letter of a text 5 1 8 1
:first-line Adds special style to the first line of a text 5 1 8 1
:before Inserts some content before an element 1.5 8 2
:after Inserts some content after an element 1.5 8 2
CSS2 Print Reference
Print Properties
Printing HTML documents has always been problematic. In CSS2 the print properties are added to make it easier to print
from the Web.
The links in the "Property" column point to more useful information about the specific property.
http://www.w3schools.com/css/pr_text_color.asphttp://www.w3schools.com/css/pr_text_direction.asphttp://www.w3schools.com/css/pr_dim_line-height.asphttp://www.w3schools.com/css/pr_text_letter-spacing.asphttp://www.w3schools.com/css/pr_text_text-align.asphttp://www.w3schools.com/css/pr_text_text-decoration.asphttp://www.w3schools.com/css/pr_text_text-indent.asphttp://www.w3schools.com/css/pr_text_text-transform.asphttp://www.w3schools.com/css/pr_text_white-space.asphttp://www.w3schools.com/css/pr_text_word-spacing.asphttp://www.w3schools.com/css/pr_pseudo_active.asphttp://www.w3schools.com/css/pr_pseudo_focus.asphttp://www.w3schools.com/css/pr_pseudo_hover.asphttp://www.w3schools.com/css/pr_pseudo_link.asphttp://www.w3schools.com/css/pr_pseudo_visited.asphttp://www.w3schools.com/css/pr_pseudo_first-child.asphttp://www.w3schools.com/css/pr_pseudo_lang.asphttp://www.w3schools.com/css/pr_pseudo_first-letter.asphttp://www.w3schools.com/css/pr_pseudo_first-line.asphttp://www.w3schools.com/css/pr_pseudo_before.asphttp://www.w3schools.com/css/pr_pseudo_after.asphttp://www.w3schools.com/css/pr_text_color.asphttp://www.w3schools.com/css/pr_text_direction.asphttp://www.w3schools.com/css/pr_dim_line-height.asphttp://www.w3schools.com/css/pr_text_letter-spacing.asphttp://www.w3schools.com/css/pr_text_text-align.asphttp://www.w3schools.com/css/pr_text_text-decoration.asphttp://www.w3schools.com/css/pr_text_text-indent.asphttp://www.w3schools.com/css/pr_text_text-transform.asphttp://www.w3schools.com/css/pr_text_white-space.asphttp://www.w3schools.com/css/pr_text_word-spacing.asphttp://www.w3schools.com/css/pr_pseudo_active.asphttp://www.w3schools.com/css/pr_pseudo_focus.asphttp://www.w3schools.com/css/pr_pseudo_hover.asphttp://www.w3schools.com/css/pr_pseudo_link.asphttp://www.w3schools.com/css/pr_pseudo_visited.asphttp://www.w3schools.com/css/pr_pseudo_first-child.asphttp://www.w3schools.com/css/pr_pseudo_lang.asphttp://www.w3schools.com/css/pr_pseudo_first-letter.asphttp://www.w3schools.com/css/pr_pseudo_first-line.asphttp://www.w3schools.com/css/pr_pseudo_before.asphttp://www.w3schools.com/css/pr_pseudo_after.asp -
8/14/2019 CSS2 Reference
9/20
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
Property Description Values W3C
orphans Sets the minimum number of lines for a paragraph thatmust be left at the bottom of a page
number 2
marks Sets what sort of marks should be rendered outside thepage box
nonecrop
cross
page Sets a page type to use when displaying an element auto
identifier
2
page-break-after Sets the page-breaking behavior after an element autoalwaysavoid
leftright
2
page-break-before Sets the page-breaking behavior before an element autoalways
avoidleft
right
2
page-break-inside Sets the page-breaking behavior inside an element auto
avoid
2
size Sets the orientation and size of a page auto
portrait
landscape
widows Sets the minimum number of lines for a paragraph that
must be left at the top of a page
number 2
CSS2 Aural Reference
Aural Style Sheets
Aural style sheets use a combination of speech synthesis and sound effects to make the user listen to information,instead of reading information.
Aural presentation can be used:
by blind people
to help users learning to read
to help users who have reading problems
for home entertainment
in the car
by print-impaired communities
The aural presentation converts the document to plain text and feed this to a screen reader (a program that reads all the
characters on the screen).An example of an Aural style sheet:
h1, h2, h3, h4
{voice-family: male;
richness: 80;
cue-before: url("beep.au")
}
The example above will make the speech synthesizer play a sound, then speak the headers in a very rich male voice.
CSS2 Aural Reference
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
Property Description Values W3C
azimuth Sets where the sound/voices shouldcome from (horizontally)
angleleft-side
far-leftleft
center-leftcenter
center-rightright
2
http://www.w3schools.com/css/pr_print_pageba.asphttp://www.w3schools.com/css/pr_print_pageba.asphttp://www.w3schools.com/css/pr_print_pagebb.asphttp://www.w3schools.com/css/pr_print_pagebi.asphttp://www.w3schools.com/css/pr_print_pageba.asphttp://www.w3schools.com/css/pr_print_pagebb.asphttp://www.w3schools.com/css/pr_print_pagebi.asp -
8/14/2019 CSS2 Reference
10/20
far-rightright-side
behindleftwards
rightwards
cue A shorthand property for setting thecue-before and cue-after propertiesin one declaration
cue-beforecue-after
2
cue-after Specifies a sound to be played afterspeaking an element's content to
delimit it from other
noneurl
2
cue-before Specifies a sound to be played
before speaking an element'scontent to delimit it from other
none
url
2
elevation Sets where the sound/voices shouldcome from (vertically)
anglebelow
levelabove
higherlower
2
pause A shorthand property for setting thepause-before and pause-afterproperties in one declaration
pause-beforepause-after
2
pause-after Specifies a pause after speaking anelement's content
time%
2
pause-before Specifies a pause before speaking
an element's content
time
%
2
pitch Specifies the speaking voice frequency
x-lowlow
mediumhigh
x-high
2
pitch-range Specifies the variation in the
speaking voice. (Monotone voice oranimated voice?)
number 2
play-during Specifies a sound to be played whilespeaking an element's content autonone
urlmix
repeat
2
richness Specifies the richness in the
speaking voice. (Rich voice or thinvoice?)
number 2
speak Specifies whether content willrender aurally
normalnone
spell-out
2
speak-header Specifies how to handle table
headers. Should the headers bespoken before every cell, or only
before a cell with a different headerthan the previous cell
always
once
2
speak-numeral Specifies how to speak numbers digitscontinuous
2
speak-punctuation Specifies how to speak punctuationcharacters
nonecode
2
speech-rate Specifies the speed of the speaking numberx-slowslow
mediumfastx-fast
fasterslower
2
stress Specifies the "stress" in thespeaking voice
number 2
voice-family A prioritized list of voice familynames that contain specific voices
specific-voicegeneric-voice
2
volume Specifies the volume of the number 2
-
8/14/2019 CSS2 Reference
11/20
speaking %silent
x-softsoft
mediumloud
x-loud
CSS Units
Measurements
Unit Description
% percentage
in inch
cm centimeter
mm millimeter
em 1em is equal to the current font size. 2em means 2 times the size of the current font. E.g.,
if an element is displayed with a font of 12 pt, then '2em' is 24 pt. The 'em' is a very useful
unit in CSS, since it can adapt automatically to the font that the reader usesex one ex is the x-height of a font (x-height is usually about half the font-size)
pt point (1 pt is the same as 1/72 inch)
pc pica (1 pc is the same as 12 points)
px pixels (a dot on the computer screen)
Colors
Unit Description
color_name A color name (e.g. red)
rgb(x,x,x) An RGB value (e.g. rgb(255,0,0))
rgb(x%, x%, x%) An RGB percentage value (e.g. rgb(100%,0%,0%))
#rrggbb A HEX number (e.g. #ff0000)
CSS Colors
Colors are displayed combining RED, GREEN, and BLUE light.
Color Values
CSS colors are defined using a hexadecimal (hex) notation for the combination of Red, Green, and Blue color values(RGB). The lowest value that can be given to one of the light sources is 0 (hex 00). The highest value is 255 (hex FF).
Hex values are written as 3 double digit numbers, starting with a # sign.
Color Color HEX Color RGB#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)
16 Million Different ColorsThe combination of Red, Green and Blue values from 0 to 255 gives a total of more than 16 million different colors to
play with (256 x 256 x 256).Most modern monitors are capable of displaying at least 16384 different colors.
-
8/14/2019 CSS2 Reference
12/20
If you look at the color table below, you will see the result of varying the red light from 0 to 255, while keeping the greenand blue light at zero.
To see a full list of color mixes when the red light varies from 0 to 255, click on one of the hex or rgb values below.
Red Light HEX RGB
#000000 rgb(0,0,0)
#080000 rgb(8,0,0)
#100000 rgb(16,0,0)
#180000 rgb(24,0,0)
#200000 rgb(32,0,0)
#280000 rgb(40,0,0)
#300000 rgb(48,0,0)
#380000 rgb(56,0,0)
#400000 rgb(64,0,0)
#480000 rgb(72,0,0)
#500000 rgb(80,0,0)
#580000 rgb(88,0,0)
#600000 rgb(96,0,0)
#680000 rgb(104,0,0)
#700000 rgb(112,0,0)
#780000 rgb(120,0,0)
#800000 rgb(128,0,0)#880000 rgb(136,0,0)
#900000 rgb(144,0,0)
#980000 rgb(152,0,0)
#A00000 rgb(160,0,0)
#A80000 rgb(168,0,0)
#B00000 rgb(176,0,0)
#B80000 rgb(184,0,0)
#C00000 rgb(192,0,0)
#C80000 rgb(200,0,0)
#D00000 rgb(208,0,0)
#D80000 rgb(216,0,0)
#E00000 rgb(224,0,0)
#E80000 rgb(232,0,0)
#F00000 rgb(240,0,0)
#F80000 rgb(248,0,0)
#FF0000 rgb(255,0,0)
Shades of Gray
Gray colors are displayed using an equal amount of power to all of the light sources. To make it easier for you to select
the right gray color we have compiled a table of gray shades for you:
RGB(0,0,0) #000000
RGB(8,8,8) #080808RGB(16,16,16) #101010
RGB(24,24,24) #181818
RGB(32,32,32) #202020
RGB(40,40,40) #282828
RGB(48,48,48) #303030
RGB(56,56,56) #383838
RGB(64,64,64) #404040
RGB(72,72,72) #484848
RGB(80,80,80) #505050
RGB(88,88,88) #585858
RGB(96,96,96) #606060
RGB(104,104,104) #686868
RGB(112,112,112) #707070
RGB(120,120,120) #787878
http://www.w3schools.com/css/css_colorsmore.asp?color=0http://www.w3schools.com/css/css_colorsmore.asp?color=0http://www.w3schools.com/css/css_colorsmore.asp?color=8http://www.w3schools.com/css/css_colorsmore.asp?color=8http://www.w3schools.com/css/css_colorsmore.asp?color=16http://www.w3schools.com/css/css_colorsmore.asp?color=16http://www.w3schools.com/css/css_colorsmore.asp?color=16http://www.w3schools.com/css/css_colorsmore.asp?color=24http://www.w3schools.com/css/css_colorsmore.asp?color=24http://www.w3schools.com/css/css_colorsmore.asp?color=24http://www.w3schools.com/css/css_colorsmore.asp?color=32http://www.w3schools.com/css/css_colorsmore.asp?color=32http://www.w3schools.com/css/css_colorsmore.asp?color=32http://www.w3schools.com/css/css_colorsmore.asp?color=40http://www.w3schools.com/css/css_colorsmore.asp?color=40http://www.w3schools.com/css/css_colorsmore.asp?color=40http://www.w3schools.com/css/css_colorsmore.asp?color=48http://www.w3schools.com/css/css_colorsmore.asp?color=48http://www.w3schools.com/css/css_colorsmore.asp?color=48http://www.w3schools.com/css/css_colorsmore.asp?color=56http://www.w3schools.com/css/css_colorsmore.asp?color=56http://www.w3schools.com/css/css_colorsmore.asp?color=56http://www.w3schools.com/css/css_colorsmore.asp?color=64http://www.w3schools.com/css/css_colorsmore.asp?color=64http://www.w3schools.com/css/css_colorsmore.asp?color=64http://www.w3schools.com/css/css_colorsmore.asp?color=72http://www.w3schools.com/css/css_colorsmore.asp?color=72http://www.w3schools.com/css/css_colorsmore.asp?color=72http://www.w3schools.com/css/css_colorsmore.asp?color=80http://www.w3schools.com/css/css_colorsmore.asp?color=80http://www.w3schools.com/css/css_colorsmore.asp?color=80http://www.w3schools.com/css/css_colorsmore.asp?color=88http://www.w3schools.com/css/css_colorsmore.asp?color=88http://www.w3schools.com/css/css_colorsmore.asp?color=88http://www.w3schools.com/css/css_colorsmore.asp?color=96http://www.w3schools.com/css/css_colorsmore.asp?color=96http://www.w3schools.com/css/css_colorsmore.asp?color=96http://www.w3schools.com/css/css_colorsmore.asp?color=104http://www.w3schools.com/css/css_colorsmore.asp?color=104http://www.w3schools.com/css/css_colorsmore.asp?color=112http://www.w3schools.com/css/css_colorsmore.asp?color=112http://www.w3schools.com/css/css_colorsmore.asp?color=120http://www.w3schools.com/css/css_colorsmore.asp?color=120http://www.w3schools.com/css/css_colorsmore.asp?color=128http://www.w3schools.com/css/css_colorsmore.asp?color=128http://www.w3schools.com/css/css_colorsmore.asp?color=136http://www.w3schools.com/css/css_colorsmore.asp?color=136http://www.w3schools.com/css/css_colorsmore.asp?color=144http://www.w3schools.com/css/css_colorsmore.asp?color=144http://www.w3schools.com/css/css_colorsmore.asp?color=152http://www.w3schools.com/css/css_colorsmore.asp?color=152http://www.w3schools.com/css/css_colorsmore.asp?color=160http://www.w3schools.com/css/css_colorsmore.asp?color=160http://www.w3schools.com/css/css_colorsmore.asp?color=160http://www.w3schools.com/css/css_colorsmore.asp?color=168http://www.w3schools.com/css/css_colorsmore.asp?color=168http://www.w3schools.com/css/css_colorsmore.asp?color=168http://www.w3schools.com/css/css_colorsmore.asp?color=176http://www.w3schools.com/css/css_colorsmore.asp?color=176http://www.w3schools.com/css/css_colorsmore.asp?color=184http://www.w3schools.com/css/css_colorsmore.asp?color=184http://www.w3schools.com/css/css_colorsmore.asp?color=192http://www.w3schools.com/css/css_colorsmore.asp?color=192http://www.w3schools.com/css/css_colorsmore.asp?color=200http://www.w3schools.com/css/css_colorsmore.asp?color=200http://www.w3schools.com/css/css_colorsmore.asp?color=208http://www.w3schools.com/css/css_colorsmore.asp?color=208http://www.w3schools.com/css/css_colorsmore.asp?color=208http://www.w3schools.com/css/css_colorsmore.asp?color=216http://www.w3schools.com/css/css_colorsmore.asp?color=216http://www.w3schools.com/css/css_colorsmore.asp?color=216http://www.w3schools.com/css/css_colorsmore.asp?color=224http://www.w3schools.com/css/css_colorsmore.asp?color=224http://www.w3schools.com/css/css_colorsmore.asp?color=232http://www.w3schools.com/css/css_colorsmore.asp?color=232http://www.w3schools.com/css/css_colorsmore.asp?color=240http://www.w3schools.com/css/css_colorsmore.asp?color=240http://www.w3schools.com/css/css_colorsmore.asp?color=248http://www.w3schools.com/css/css_colorsmore.asp?color=248http://www.w3schools.com/css/css_colorsmore.asp?color=255http://www.w3schools.com/css/css_colorsmore.asp?color=255http://www.w3schools.com/css/css_colorsmore.asp?color=0http://www.w3schools.com/css/css_colorsmore.asp?color=0http://www.w3schools.com/css/css_colorsmore.asp?color=8http://www.w3schools.com/css/css_colorsmore.asp?color=8http://www.w3schools.com/css/css_colorsmore.asp?color=16http://www.w3schools.com/css/css_colorsmore.asp?color=16http://www.w3schools.com/css/css_colorsmore.asp?color=24http://www.w3schools.com/css/css_colorsmore.asp?color=24http://www.w3schools.com/css/css_colorsmore.asp?color=32http://www.w3schools.com/css/css_colorsmore.asp?color=32http://www.w3schools.com/css/css_colorsmore.asp?color=40http://www.w3schools.com/css/css_colorsmore.asp?color=40http://www.w3schools.com/css/css_colorsmore.asp?color=48http://www.w3schools.com/css/css_colorsmore.asp?color=48http://www.w3schools.com/css/css_colorsmore.asp?color=56http://www.w3schools.com/css/css_colorsmore.asp?color=56http://www.w3schools.com/css/css_colorsmore.asp?color=64http://www.w3schools.com/css/css_colorsmore.asp?color=64http://www.w3schools.com/css/css_colorsmore.asp?color=72http://www.w3schools.com/css/css_colorsmore.asp?color=72http://www.w3schools.com/css/css_colorsmore.asp?color=80http://www.w3schools.com/css/css_colorsmore.asp?color=80http://www.w3schools.com/css/css_colorsmore.asp?color=88http://www.w3schools.com/css/css_colorsmore.asp?color=88http://www.w3schools.com/css/css_colorsmore.asp?color=96http://www.w3schools.com/css/css_colorsmore.asp?color=96http://www.w3schools.com/css/css_colorsmore.asp?color=104http://www.w3schools.com/css/css_colorsmore.asp?color=104http://www.w3schools.com/css/css_colorsmore.asp?color=112http://www.w3schools.com/css/css_colorsmore.asp?color=112http://www.w3schools.com/css/css_colorsmore.asp?color=120http://www.w3schools.com/css/css_colorsmore.asp?color=120http://www.w3schools.com/css/css_colorsmore.asp?color=128http://www.w3schools.com/css/css_colorsmore.asp?color=128http://www.w3schools.com/css/css_colorsmore.asp?color=136http://www.w3schools.com/css/css_colorsmore.asp?color=136http://www.w3schools.com/css/css_colorsmore.asp?color=144http://www.w3schools.com/css/css_colorsmore.asp?color=144http://www.w3schools.com/css/css_colorsmore.asp?color=152http://www.w3schools.com/css/css_colorsmore.asp?color=152http://www.w3schools.com/css/css_colorsmore.asp?color=160http://www.w3schools.com/css/css_colorsmore.asp?color=160http://www.w3schools.com/css/css_colorsmore.asp?color=168http://www.w3schools.com/css/css_colorsmore.asp?color=168http://www.w3schools.com/css/css_colorsmore.asp?color=176http://www.w3schools.com/css/css_colorsmore.asp?color=176http://www.w3schools.com/css/css_colorsmore.asp?color=184http://www.w3schools.com/css/css_colorsmore.asp?color=184http://www.w3schools.com/css/css_colorsmore.asp?color=192http://www.w3schools.com/css/css_colorsmore.asp?color=192http://www.w3schools.com/css/css_colorsmore.asp?color=200http://www.w3schools.com/css/css_colorsmore.asp?color=200http://www.w3schools.com/css/css_colorsmore.asp?color=208http://www.w3schools.com/css/css_colorsmore.asp?color=208http://www.w3schools.com/css/css_colorsmore.asp?color=216http://www.w3schools.com/css/css_colorsmore.asp?color=216http://www.w3schools.com/css/css_colorsmore.asp?color=224http://www.w3schools.com/css/css_colorsmore.asp?color=224http://www.w3schools.com/css/css_colorsmore.asp?color=232http://www.w3schools.com/css/css_colorsmore.asp?color=232http://www.w3schools.com/css/css_colorsmore.asp?color=240http://www.w3schools.com/css/css_colorsmore.asp?color=240http://www.w3schools.com/css/css_colorsmore.asp?color=248http://www.w3schools.com/css/css_colorsmore.asp?color=248http://www.w3schools.com/css/css_colorsmore.asp?color=255http://www.w3schools.com/css/css_colorsmore.asp?color=255 -
8/14/2019 CSS2 Reference
13/20
RGB(128,128,128) #808080
RGB(136,136,136) #888888
RGB(144,144,144) #909090
RGB(152,152,152) #989898
RGB(160,160,160) #A0A0A0
RGB(168,168,168) #A8A8A8
RGB(176,176,176) #B0B0B0
RGB(184,184,184) #B8B8B8RGB(192,192,192) #C0C0C0
RGB(200,200,200) #C8C8C8
RGB(208,208,208) #D0D0D0
RGB(216,216,216) #D8D8D8
RGB(224,224,224) #E0E0E0
RGB(232,232,232) #E8E8E8
RGB(240,240,240) #F0F0F0
RGB(248,248,248) #F8F8F8
RGB(255,255,255) #FFFFFF
Cross-Browser Color Names
A collection of nearly 150 color names are supported by all major browsers.
Web Standard Color Names
The World Wide Web Consortium (W3C) has listed 16 valid color names for HTML and CSS:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
If you want to use other colors, you should specify their HEX value.
Web Safe Colors?Some years ago, when computers supported max 256 different colors, a list of 216 "Web Safe Colors" was suggested asa Web standard, reserving 40 fixed system colors.This is not important now, since most computers can display millions of different colors, but the choice is left to you.
The 216 cross-browser color palette was created to ensure that all computers would display the colors correctly whenrunning a 256 color palette:
000000 000033 000066 000099 0000CC 0000FF
003300 003333 003366 003399 0033CC 0033FF
006600 006633 006666 006699 0066CC 0066FF
009900 009933 009966 009999 0099CC 0099FF
00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
330000 330033 330066 330099 3300CC 3300FF
333300 333333 333366 333399 3333CC 3333FF
336600 336633 336666 336699 3366CC 3366FF
339900 339933 339966 339999 3399CC 3399FF
33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
660000 660033 660066 660099 6600CC 6600FF
663300 663333 663366 663399 6633CC 6633FF
666600 666633 666666 666699 6666CC 6666FF
669900 669933 669966 669999 6699CC 6699FF
66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
990000 990033 990066 990099 9900CC 9900FF
993300 993333 993366 993399 9933CC 9933FF
-
8/14/2019 CSS2 Reference
14/20
996600 996633 996666 996699 9966CC 9966FF
999900 999933 999966 999999 9999CC 9999FF
99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
CC9900 CC9933 CC9966 CC9999 CC99CC CC99FFCCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF
CSS Color Values
CSS Color Values
The table below provides a list of the color values that are supported by all major browsers.Click on a hex value (or a color name) to view the color as the background-color along with different text colors:
Link: Same list sorted by names
Color Name Color HEX Color
Black #000000
Navy #000080
DarkBlue #00008B
MediumBlue #0000CD Blue #0000FF
DarkGreen #006400
Green #008000
Teal #008080
DarkCyan #008B8B
DeepSkyBlue #00BFFF
DarkTurquoise #00CED1
MediumSpringGreen #00FA9A
Lime #00FF00
SpringGreen #00FF7F
Aqua #00FFFF
Cyan #00FFFF
MidnightBlue #191970
DodgerBlue #1E90FF
LightSeaGreen #20B2AA
ForestGreen #228B22
SeaGreen #2E8B57
DarkSlateGray #2F4F4F
LimeGreen #32CD32
MediumSeaGreen #3CB371
Turquoise #40E0D0
RoyalBlue #4169E1
SteelBlue #4682B4
DarkSlateBlue #483D8B
http://www.w3schools.com/css/css_colornames.asphttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Navyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000080http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00008Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000CDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=006400http://www.w3schools.com/tags/ref_color_tryit.asp?color=Greenhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Greenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tealhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Tealhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008080http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008B8Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepSkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00BFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00CED1http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSpringGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FA9Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Limehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=SpringGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF7Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MidnightBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=191970http://www.w3schools.com/tags/ref_color_tryit.asp?color=DodgerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=1E90FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=20B2AAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=ForestGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=228B22http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2E8B57http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2F4F4Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LimeGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=32CD32http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=3CB371http://www.w3schools.com/tags/ref_color_tryit.asp?color=Turquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=40E0D0http://www.w3schools.com/tags/ref_color_tryit.asp?color=RoyalBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=RoyalBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4169E1http://www.w3schools.com/tags/ref_color_tryit.asp?color=SteelBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4682B4http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=483D8Bhttp://www.w3schools.com/css/css_colornames.asphttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Navyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000080http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00008Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000CDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=006400http://www.w3schools.com/tags/ref_color_tryit.asp?color=Greenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tealhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008080http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008B8Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepSkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00BFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00CED1http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSpringGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FA9Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Limehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=SpringGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF7Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MidnightBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=191970http://www.w3schools.com/tags/ref_color_tryit.asp?color=DodgerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=1E90FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=20B2AAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=ForestGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=228B22http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2E8B57http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=2F4F4Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LimeGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=32CD32http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=3CB371http://www.w3schools.com/tags/ref_color_tryit.asp?color=Turquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=40E0D0http://www.w3schools.com/tags/ref_color_tryit.asp?color=RoyalBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4169E1http://www.w3schools.com/tags/ref_color_tryit.asp?color=SteelBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4682B4http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=483D8B -
8/14/2019 CSS2 Reference
15/20
MediumTurquoise #48D1CC
Indigo #4B0082
DarkOliveGreen #556B2F
CadetBlue #5F9EA0
CornflowerBlue #6495ED
MediumAquaMarine #66CDAA
DimGray #696969
SlateBlue #6A5ACD OliveDrab #6B8E23
SlateGray #708090
LightSlateGray #778899
MediumSlateBlue #7B68EE
LawnGreen #7CFC00
Chartreuse #7FFF00
Aquamarine #7FFFD4
Maroon #800000
Purple #800080
Olive #808000
Gray #808080
SkyBlue #87CEEB
LightSkyBlue #87CEFA
BlueViolet #8A2BE2
DarkRed #8B0000
DarkMagenta #8B008B
SaddleBrown #8B4513
DarkSeaGreen #8FBC8F
LightGreen #90EE90
MediumPurple #9370D8
DarkViolet #9400D3
PaleGreen #98FB98
DarkOrchid #9932CC
YellowGreen #9ACD32
Sienna #A0522D
Brown #A52A2A
DarkGray #A9A9A9
LightBlue #ADD8E6
GreenYellow #ADFF2F
PaleTurquoise #AFEEEE
LightSteelBlue #B0C4DE
PowderBlue #B0E0E6
FireBrick #B22222
DarkGoldenRod #B8860B
MediumOrchid #BA55D3
RosyBrown #BC8F8F
DarkKhaki #BDB76B
Silver #C0C0C0
MediumVioletRed #C71585
IndianRed #CD5C5C
Peru #CD853F Chocolate #D2691E
Tan #D2B48C
LightGrey #D3D3D3
PaleVioletRed #D87093
http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=48D1CChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Indigohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4B0082http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOliveGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=556B2Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=CadetBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=5F9EA0http://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6495EDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumAquaMarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumAquaMarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=66CDAAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DimGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=696969http://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6A5ACDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=OliveDrabhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=OliveDrabhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6B8E23http://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=708090http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=778899http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7B68EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LawnGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LawnGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7CFC00http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chartreusehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquamarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFFD4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Maroonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=800000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Purplehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Purplehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=800080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Olivehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Grayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808080http://www.w3schools.com/tags/ref_color_tryit.asp?color=SkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEEBhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BlueViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8A2BE2http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B0000http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkMagentahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkMagentahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B008Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SaddleBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SaddleBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B4513http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8FBC8Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=90EE90http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumPurplehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9370D8http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9400D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=98FB98http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOrchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9932CChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=YellowGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9ACD32http://www.w3schools.com/tags/ref_color_tryit.asp?color=Siennahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A0522Dhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Brownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A52A2Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A9A9A9http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADD8E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=GreenYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADFF2Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=AFEEEEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSteelBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0C4DEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PowderBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0E0E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=FireBrickhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B22222http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B8860Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumOrchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BA55D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=RosyBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BC8F8Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkKhakihttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BDB76Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Silverhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=C0C0C0http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumVioletRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=C71585http://www.w3schools.com/tags/ref_color_tryit.asp?color=IndianRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD5C5Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Peruhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD853Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Chocolatehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Chocolatehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2691Ehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Tanhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Tanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2B48Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D3D3D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleVioletRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D87093http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=48D1CChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Indigohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=4B0082http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOliveGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=556B2Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=CadetBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=5F9EA0http://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6495EDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumAquaMarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=66CDAAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DimGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=696969http://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6A5ACDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=OliveDrabhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6B8E23http://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=708090http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSlateGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=778899http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSlateBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7B68EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LawnGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7CFC00http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chartreusehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquamarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFFD4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Maroonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=800000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Purplehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=800080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Olivehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Grayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=808080http://www.w3schools.com/tags/ref_color_tryit.asp?color=SkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEEBhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSkyBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BlueViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8A2BE2http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B0000http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkMagentahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B008Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SaddleBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B4513http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSeaGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8FBC8Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=90EE90http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumPurplehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9370D8http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9400D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=98FB98http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOrchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9932CChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=YellowGreenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=9ACD32http://www.w3schools.com/tags/ref_color_tryit.asp?color=Siennahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A0522Dhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Brownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A52A2Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A9A9A9http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADD8E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=GreenYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADFF2Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleTurquoisehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=AFEEEEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSteelBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0C4DEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PowderBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0E0E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=FireBrickhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B22222http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B8860Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumOrchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BA55D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=RosyBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BC8F8Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkKhakihttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=BDB76Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Silverhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=C0C0C0http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumVioletRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=C71585http://www.w3schools.com/tags/ref_color_tryit.asp?color=IndianRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD5C5Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Peruhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD853Fhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Chocolatehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2691Ehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Tanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2B48Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreyhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D3D3D3http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleVioletRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D87093 -
8/14/2019 CSS2 Reference
16/20
Thistle #D8BFD8
Orchid #DA70D6
GoldenRod #DAA520
Crimson #DC143C
Gainsboro #DCDCDC
Plum #DDA0DD
BurlyWood #DEB887
LightCyan #E0FFFF Lavender #E6E6FA
DarkSalmon #E9967A
Violet #EE82EE
PaleGoldenRod #EEE8AA
LightCoral #F08080
Khaki #F0E68C
AliceBlue #F0F8FF
HoneyDew #F0FFF0
Azure #F0FFFF
SandyBrown #F4A460
Wheat #F5DEB3
Beige #F5F5DC
WhiteSmoke #F5F5F5
MintCream #F5FFFA
GhostWhite #F8F8FF
Salmon #FA8072
AntiqueWhite #FAEBD7
Linen #FAF0E6
LightGoldenRodYellow #FAFAD2
OldLace #FDF5E6
Red #FF0000
Fuchsia #FF00FF
Magenta #FF00FF
DeepPink #FF1493
OrangeRed #FF4500
Tomato #FF6347
HotPink #FF69B4
Coral #FF7F50
Darkorange #FF8C00
LightSalmon #FFA07A
Orange #FFA500
LightPink #FFB6C1
Pink #FFC0CB
Gold #FFD700
PeachPuff #FFDAB9
NavajoWhite #FFDEAD
Moccasin #FFE4B5
Bisque #FFE4C4
MistyRose #FFE4E1
BlanchedAlmond #FFEBCD
PapayaWhip #FFEFD5 LavenderBlush #FFF0F5
SeaShell #FFF5EE
Cornsilk #FFF8DC
LemonChiffon #FFFACD
http://www.w3schools.com/tags/ref_color_tryit.asp?color=Thistlehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D8BFD8http://www.w3schools.com/tags/ref_color_tryit.asp?color=Orchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Orchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DA70D6http://www.w3schools.com/tags/ref_color_tryit.asp?color=GoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DAA520http://www.w3schools.com/tags/ref_color_tryit.asp?color=Crimsonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DC143Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Gainsborohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DCDCDChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Plumhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DDA0DDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BurlyWoodhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BurlyWoodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DEB887http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E0FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Lavenderhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E6E6FAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSalmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E9967Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Violethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=EE82EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=EEE8AAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCoralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F08080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Khakihttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Khakihttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0E68Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AliceBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0F8FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=HoneyDewhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Azurehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SandyBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F4A460http://www.w3schools.com/tags/ref_color_tryit.asp?color=Wheathttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5DEB3http://www.w3schools.com/tags/ref_color_tryit.asp?color=Beigehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=WhiteSmokehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=WhiteSmokehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5F5http://www.w3schools.com/tags/ref_color_tryit.asp?color=MintCreamhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5FFFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=GhostWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F8F8FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Salmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FA8072http://www.w3schools.com/tags/ref_color_tryit.asp?color=AntiqueWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAEBD7http://www.w3schools.com/tags/ref_color_tryit.asp?color=Linenhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Linenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAF0E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGoldenRodYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAFAD2http://www.w3schools.com/tags/ref_color_tryit.asp?color=OldLacehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FDF5E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=Redhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF0000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Fuchsiahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Fuchsiahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Magentahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF1493http://www.w3schools.com/tags/ref_color_tryit.asp?color=OrangeRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF4500http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tomatohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF6347http://www.w3schools.com/tags/ref_color_tryit.asp?color=HotPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=HotPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF69B4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Coralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF7F50http://www.w3schools.com/tags/ref_color_tryit.asp?color=Darkorangehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Darkorangehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF8C00http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSalmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA07Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Orangehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA500http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFB6C1http://www.w3schools.com/tags/ref_color_tryit.asp?color=Pinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Pinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFC0CBhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Goldhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFD700http://www.w3schools.com/tags/ref_color_tryit.asp?color=PeachPuffhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDAB9http://www.w3schools.com/tags/ref_color_tryit.asp?color=NavajoWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDEADhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Moccasinhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4B5http://www.w3schools.com/tags/ref_color_tryit.asp?color=Bisquehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4C4http://www.w3schools.com/tags/ref_color_tryit.asp?color=MistyRosehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4E1http://www.w3schools.com/tags/ref_color_tryit.asp?color=BlanchedAlmondhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEBCDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PapayaWhiphttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PapayaWhiphttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEFD5http://www.w3schools.com/tags/ref_color_tryit.asp?color=LavenderBlushhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF0F5http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaShellhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaShellhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF5EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cornsilkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF8DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LemonChiffonhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LemonChiffonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFACDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Thistlehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D8BFD8http://www.w3schools.com/tags/ref_color_tryit.asp?color=Orchidhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DA70D6http://www.w3schools.com/tags/ref_color_tryit.asp?color=GoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DAA520http://www.w3schools.com/tags/ref_color_tryit.asp?color=Crimsonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DC143Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Gainsborohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DCDCDChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Plumhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DDA0DDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BurlyWoodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DEB887http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E0FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Lavenderhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E6E6FAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSalmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=E9967Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Violethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=EE82EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=EEE8AAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCoralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F08080http://www.w3schools.com/tags/ref_color_tryit.asp?color=Khakihttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0E68Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AliceBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0F8FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=HoneyDewhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Azurehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=SandyBrownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F4A460http://www.w3schools.com/tags/ref_color_tryit.asp?color=Wheathttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5DEB3http://www.w3schools.com/tags/ref_color_tryit.asp?color=Beigehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=WhiteSmokehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5F5http://www.w3schools.com/tags/ref_color_tryit.asp?color=MintCreamhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5FFFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=GhostWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F8F8FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Salmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FA8072http://www.w3schools.com/tags/ref_color_tryit.asp?color=AntiqueWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAEBD7http://www.w3schools.com/tags/ref_color_tryit.asp?color=Linenhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAF0E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGoldenRodYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAFAD2http://www.w3schools.com/tags/ref_color_tryit.asp?color=OldLacehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FDF5E6http://www.w3schools.com/tags/ref_color_tryit.asp?color=Redhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF0000http://www.w3schools.com/tags/ref_color_tryit.asp?color=Fuchsiahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Magentahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF1493http://www.w3schools.com/tags/ref_color_tryit.asp?color=OrangeRedhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF4500http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tomatohttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF6347http://www.w3schools.com/tags/ref_color_tryit.asp?color=HotPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF69B4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Coralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF7F50http://www.w3schools.com/tags/ref_color_tryit.asp?color=Darkorangehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF8C00http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSalmonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA07Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Orangehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA500http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightPinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFB6C1http://www.w3schools.com/tags/ref_color_tryit.asp?color=Pinkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFC0CBhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Goldhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFD700http://www.w3schools.com/tags/ref_color_tryit.asp?color=PeachPuffhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDAB9http://www.w3schools.com/tags/ref_color_tryit.asp?color=NavajoWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDEADhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Moccasinhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4B5http://www.w3schools.com/tags/ref_color_tryit.asp?color=Bisquehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4C4http://www.w3schools.com/tags/ref_color_tryit.asp?color=MistyRosehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4E1http://www.w3schools.com/tags/ref_color_tryit.asp?color=BlanchedAlmondhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEBCDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=PapayaWhiphttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEFD5http://www.w3schools.com/tags/ref_color_tryit.asp?color=LavenderBlushhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF0F5http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaShellhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF5EEhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cornsilkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF8DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=LemonChiffonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFACD -
8/14/2019 CSS2 Reference
17/20
FloralWhite #FFFAF0
Snow #FFFAFA
Yellow #FFFF00
LightYellow #FFFFE0
Ivory #FFFFF0
White #FFFFFF
Note: The names above are not a part of the W3C web standard.The W3C HTML and CSS standards have listed only 16 valid color names:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.If you want valid HTML or CSS use the HEX values instead.
CSS Color Names
CSS Color Names
The table below provides a list of the color names that are supported by all major browsers.Click on a color name (or a hex value) to view the color as the background-color along with different text colors:
Link: Same list sorted by values
Color Name Color HEX Color
AliceBlue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2 Brown #A52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
Darkorange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #E9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
http://www.w3schools.com/tags/ref_color_tryit.asp?color=FloralWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=FloralWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFAF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Snowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFAFAhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Yellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightYellowhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFE0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Ivoryhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFF0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Whitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFFFhttp://www.w3schools.com/css/css_colorsfull.asphttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AliceBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0F8FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=AntiqueWhitehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAEBD7http://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquahttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquamarinehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFFD4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Azurehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Beigehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bisquehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4C4http://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Blackhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=000000http://www.w3schools.com/tags/ref_color_tryit.asp?color=BlanchedAlmondhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEBCDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Bluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000FFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BlueViolethttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=8A2BE2http://www.w3schools.com/tags/ref_color_tryit.asp?color=Brownhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A52A2Ahttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BurlyWoodhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=BurlyWoodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DEB887http://www.w3schools.com/tags/ref_color_tryit.asp?color=CadetBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=5F9EA0http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chartreusehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFF00http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chocolatehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Chocolatehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2691Ehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Coralhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF7F50http://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=6495EDhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cornsilkhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF8DChttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Crimsonhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=DC143Chttp://www.w3schools.com/tags/ref_color_tryit.asp?color=Cyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFFhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBluehttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=00008Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkCyanhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=008B8Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGoldenRodhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=B8860Bhttp://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGrayhttp://www.w3schools.com/tags/ref_color_tryit.asp?hex=A9A9A9ht