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