CSS3 Color Names
The following table displays all the colors in
the CSS3 Color Specifications, currently there is 147 colors, Represented by 17 basic colors, with 130 other shades. The names of these colors can
be used instead of using color codes in various HTML tags
and CSS.
Note: The list of basic color keywords are:
aqua,
black,
blue,
fuchsia,
gray,
green,
lime,
maroon,
navy,
olive,
purple,
red,
silver,
teal,
white, and
yellow. The color names are case-insensitive.
Notes:
- Fuchsia has the same color code as Magenta
- Aqua has the same color code as Cyan
- Lightgrey is spelled with an 'e', all other grays are spelled with an 'a'
- Darkgray is actually lighter than Gray
- Lightpink is actually darker than Pink
Click on the links below to view complimentary colors and a range of other information about the color.
Color Preview | Color Name | Hex Value | RGB Value |
---|---|---|---|
AliceBlue | #F0F8FF | 240, 248, 255 | |
AntiqueWhite | #FAEBD7 | 250, 235, 215 | |
Aqua | #00FFFF | 0, 255, 255 | |
Aquamarine | #7FFFD4 | 127, 255, 212 | |
Azure | #F0FFFF | 240, 255, 255 | |
Beige | #F5F5DC | 245, 245, 220 | |
Bisque | #FFE4C4 | 255, 228, 196 | |
Black | #000000 | 0, 0, 0 | |
BlanchedAlmond | #FFEBCD | 255, 235, 205 | |
Blue | #0000FF | 0, 0, 255 | |
BlueViolet | #8A2BE2 | 138, 43, 226 | |
Brown | #A52A2A | 165, 42, 42 | |
BurlyWood | #DEB887 | 222, 184, 135 | |
CadetBlue | #5F9EA0 | 95, 158, 160 | |
Chartreuse | #7FFF00 | 127, 255, 0 | |
Chocolate | #D2691E | 210, 105, 30 | |
Coral | #FF7F50 | 255, 127, 80 | |
CornflowerBlue | #6495ED | 100, 149, 237 | |
Cornsilk | #FFF8DC | 255, 248, 220 | |
Crimson | #DC143C | 220, 20, 60 | |
Cyan | #00FFFF | 0, 255, 255 | |
DarkBlue | #00008B | 0, 0, 139 | |
DarkCyan | #008B8B | 0, 139, 139 | |
DarkGoldenrod | #B8860B | 184, 134, 11 | |
DarkGray | #A9A9A9 | 169, 169, 169 | |
DarkGreen | #006400 | 0, 100, 0 | |
DarkGrey | #A9A9A9 | 169, 169, 169 | |
DarkKhaki | #BDB76B | 189, 183, 107 | |
DarkMagenta | #8B008B | 139, 0, 139 | |
DarkOliveGreen | #556B2F | 85, 107, 47 | |
DarkOrange | #FF8C00 | 255, 140, 0 | |
DarkOrchid | #9932CC | 153, 50, 204 | |
DarkRed | #8B0000 | 139, 0, 0 | |
DarkSalmon | #E9967A | 233, 150, 122 | |
DarkSeaGreen | #8FBC8F | 143, 188, 143 | |
DarkSlateBlue | #483D8B | 72, 61, 139 | |
DarkSlateGray | #2F4F4F | 47, 79, 79 | |
DarkSlateGrey | #2F4F4F | 47, 79, 79 | |
DarkTurquoise | #00CED1 | 0, 206, 209 | |
DarkViolet | #9400D3 | 148, 0, 211 | |
DeepPink | #FF1493 | 255, 20, 147 | |
DeepSkyBlue | #00BFFF | 0, 191, 255 | |
DimGray | #696969 | 105, 105, 105 | |
DodgerBlue | #1E90FF | 30, 144, 255 | |
FireBrick | #B22222 | 178, 34, 34 | |
FloralWhite | #FFFAF0 | 255, 250, 240 | |
ForestGreen | #228B22 | 34, 139, 34 | |
Fuchsia | #FF00FF | 255, 0, 255 | |
Gainsboro | #DCDCDC | 220, 220, 220 | |
GhostWhite | #F8F8FF | 248, 248, 255 | |
Gold | #FFD700 | 255, 215, 0 | |
Goldenrod | #DAA520 | 218, 165, 32 | |
Gray | #808080 | 128, 128, 128 | |
Green | #008000 | 0, 128, 0 | |
GreenYellow | #ADFF2F | 173, 255, 47 | |
Grey | #808080 | 128, 128, 128 | |
Honeydew | #F0FFF0 | 240, 255, 240 | |
HotPink | #FF69B4 | 255, 105, 180 | |
IndianRed | #CD5C5C | 205, 92, 92 | |
Indigo | #4B0082 | 75, 0, 130 | |
Ivory | #FFFFF0 | 255, 255, 240 | |
Khaki | #F0E68C | 240, 230, 140 | |
Lavender | #E6E6FA | 230, 230, 250 | |
LavenderBlush | #FFF0F5 | 255, 240, 245 | |
LawnGreen | #7CFC00 | 124, 252, 0 | |
LemonChiffon | #FFFACD | 255, 250, 205 | |
LightBlue | #ADD8E6 | 173, 216, 230 | |
LightCoral | #F08080 | 240, 128, 128 | |
LightCyan | #E0FFFF | 224, 255, 255 | |
LightGoldenrodYellow | #FAFAD2 | 250, 250, 210 | |
LightGray | #D3D3D3 | 211, 211, 211 | |
LightGreen | #90EE90 | 144, 238, 144 | |
LightGrey | #D3D3D3 | 211, 211, 211 | |
LightPink | #FFB6C1 | 255, 182, 193 | |
LightSalmon | #FFA07A | 255, 160, 122 | |
LightSeaGreen | #20B2AA | 32, 178, 170 | |
LightSkyBlue | #87CEFA | 135, 206, 250 | |
LightSlateGray | #778899 | 119, 136, 153 | |
LightSlateGrey | #778899 | 119, 136, 153 | |
LightSteelBlue | #B0C4DE | 176, 196, 222 | |
LightYellow | #FFFFE0 | 255, 255, 224 | |
Lime | #00FF00 | 0, 255, 0 | |
LimeGreen | #32CD32 | 50, 205, 50 | |
Linen | #FAF0E6 | 250, 240, 230 | |
Magenta | #FF00FF | 255, 0, 255 | |
Maroon | #800000 | 128, 0, 0 | |
MediumAquamarine | #66CDAA | 102, 205, 170 | |
MediumBlue | #0000CD | 0, 0, 205 | |
MediumOrchid | #BA55D3 | 186, 85, 211 | |
MediumPurple | #9370DB | 147, 112, 219 | |
MediumSeaGreen | #3CB371 | 60, 179, 113 | |
MediumSlateBlue | #7B68EE | 123, 104, 238 | |
MediumSpringGreen | #00FA9A | 0, 250, 154 | |
MediumTurquoise | #48D1CC | 72, 209, 204 | |
MediumVioletRed | #C71585 | 199, 21, 133 | |
MidnightBlue | #191970 | 25, 25, 112 | |
MintCream | #F5FFFA | 245, 255, 250 | |
MistyRose | #FFE4E1 | 255, 228, 225 | |
Moccasin | #FFE4B5 | 255, 228, 181 | |
NavajoWhite | #FFDEAD | 255, 222, 173 | |
Navy | #000080 | 0, 0, 128 | |
OldLace | #FDF5E6 | 253, 245, 230 | |
Olive | #808000 | 128, 128, 0 | |
OliveDrab | #6B8E23 | 107, 142, 35 | |
Orange | #FFA500 | 255, 165, 0 | |
OrangeRed | #FF4500 | 255, 69, 0 | |
Orchid | #DA70D6 | 218, 112, 214 | |
PaleGoldenrod | #EEE8AA | 238, 232, 170 | |
PaleGreen | #98FB98 | 152, 251, 152 | |
PaleTurquoise | #AFEEEE | 175, 238, 238 | |
PaleVioletRed | #DB7093 | 219, 112, 147 | |
PapayaWhip | #FFEFD5 | 255, 239, 213 | |
PeachPuff | #FFDAB9 | 255, 218, 185 | |
Peru | #CD853F | 205, 133, 63 | |
Pink | #FFC0CB | 255, 192, 203 | |
Plum | #DDA0DD | 221, 160, 221 | |
PowderBlue | #B0E0E6 | 176, 224, 230 | |
Purple | #800080 | 128, 0, 128 | |
Rebeccapurple | #663399 | 102, 51, 153 | |
Red | #FF0000 | 255, 0, 0 | |
RosyBrown | #BC8F8F | 188, 143, 143 | |
RoyalBlue | #4169E1 | 65, 105, 225 | |
SaddleBrown | #8B4513 | 139, 69, 19 | |
Salmon | #FA8072 | 250, 128, 114 | |
SandyBrown | #F4A460 | 244, 164, 96 | |
SeaGreen | #2E8B57 | 46, 139, 87 | |
Seashell | #FFF5EE | 255, 245, 238 | |
Sienna | #A0522D | 160, 82, 45 | |
Silver | #C0C0C0 | 192, 192, 192 | |
SkyBlue | #87CEEB | 135, 206, 235 | |
SlateBlue | #6A5ACD | 106, 90, 205 | |
SlateGray | #708090 | 112, 128, 144 | |
SlateGrey | #708090 | 112, 128, 144 | |
Snow | #FFFAFA | 255, 250, 250 | |
SpringGreen | #00FF7F | 0, 255, 127 | |
SteelBlue | #4682B4 | 70, 130, 180 | |
Tan | #D2B48C | 210, 180, 140 | |
Teal | #008080 | 0, 128, 128 | |
Thistle | #D8BFD8 | 216, 191, 216 | |
Tomato | #FF6347 | 255, 99, 71 | |
Turquoise | #40E0D0 | 64, 224, 208 | |
Violet | #EE82EE | 238, 130, 238 | |
Wheat | #F5DEB3 | 245, 222, 179 | |
White | #FFFFFF | 255, 255, 255 | |
WhiteSmoke | #F5F5F5 | 245, 245, 245 | |
Yellow | #FFFF00 | 255, 255, 0 | |
YellowGreen | #9ACD32 | 154, 205, 50 |
Share this Page
If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.
Sidebar
CSS & HTML References
- CSS At-Rules
- CSS Data Types
- CSS Functions
- attr
- blur
- brightness
- calc
- circle
- contrast
- drop-shadow
- ellipse
- grayscale
- hsl
- hsla
- hue-rotate
- inset
- invert
- linear-gradient
- matrix
- matrix3d
- opacity
- perspective
- polygon
- radial-gradient
- repeating-linear-gradient
- repeating-radial-gradient
- rgb
- rgba
- rotate
- rotate3d
- rotateX
- rotateY
- rotateZ
- saturate
- scale
- scale3d
- scaleX
- scaleY
- scaleZ
- sepia
- skew
- skewX
- skewY
- translate
- translate3d
- translateX
- translateY
- translateZ
- CSS Properties
- align-content
- align-items
- align-self
- all
- animation
- animation-delay
- animation-direction
- animation-duration
- animation-fill-mode
- animation-iteration-count
- animation-name
- animation-play-state
- animation-timing-function
- backface-visibility
- background
- background-attachment
- background-blend-mode
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-repeat
- background-size
- border
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-collapse
- border-color
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-spacing
- border-style
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width
- bottom
- box-decoration-break
- box-shadow
- box-sizing
- break-after
- break-before
- break-inside
- caption-side
- caret-color
- clear
- clip-path
- color
- column-count
- column-fill
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-span
- column-width
- columns
- content
- counter-increment
- counter-reset
- counter-set
- cursor
- direction
- display
- empty-cells
- filter
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- float
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-synthesis
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-weight
- grid
- grid-area
- grid-auto-columns
- grid-auto-flow
- grid-auto-rows
- grid-column
- grid-column-end
- grid-column-gap
- grid-column-start
- grid-gap
- grid-row
- grid-row-end
- grid-row-gap
- grid-row-start
- grid-template
- grid-template-areas
- grid-template-columns
- grid-template-rows
- hanging-punctuation
- height
- hyphens
- image-orientation
- justify-content
- justify-items
- justify-self
- left
- letter-spacing
- line-break
- line-height
- list-style
- list-style-image
- list-style-position
- list-style-type
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- max-height
- max-width
- min-height
- min-width
- mix-blend-mode
- object-fit
- object-position
- opacity
- order
- orphans
- outline
- outline-color
- outline-offset
- outline-style
- outline-width
- overflow
- overflow-wrap
- overflow-x
- overflow-y
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- perspective
- perspective-origin
- place-content
- place-items
- place-self
- position
- quotes
- resize
- right
- shape-image-threshold
- shape-margin
- shape-outside
- tab-size
- table-layout
- text-align
- text-align-last
- text-combine-upright
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-style
- text-emphasis
- text-emphasis-color
- text-emphasis-position
- text-emphasis-style
- text-indent
- text-justify
- text-orientation
- text-overflow
- text-shadow
- text-transform
- text-underline-position
- top
- transform
- transform-origin
- transform-style
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- unicode-bidi
- vertical-align
- visibility
- white-space
- widows
- width
- word-break
- word-spacing
- word-wrap
- writing-mode
- z-index
- CSS Pseudo Classes
- :active
- :checked
- :default
- :disabled
- :empty
- :enabled
- :first-child
- :first-of-type
- :focus
- :fullscreen
- :hover
- :in-range
- :indeterminate
- :invalid
- :lang
- :last-child
- :last-of-type
- :link
- :not
- :nth-child
- :nth-last-child
- :nth-last-of-type
- :nth-of-type
- :only-child
- :only-of-type
- :optional
- :out-of-range
- :read-only
- :read-write
- :required
- :root
- :target
- :valid
- :visited
- CSS Pseudo Elements
- HTML Tags
- a
- abbr
- address
- area
- article
- aside
- audio
- b
- base
- bdi
- bdo
- blockquote
- body
- br
- button
- canvas
- caption
- cite
- code
- col
- colgroup
- comment
- datalist
- dd
- del
- details
- dfn
- dialog
- div
- dl
- doctype
- dt
- em
- embed
- fieldset
- figcaption
- figure
- footer
- form
- h1
- h2
- h3
- h4
- h5
- h6
- head
- header
- hr
- html
- i
- iframe
- img
- input
- ins
- kbd
- keygen
- label
- legend
- li
- link
- map
- mark
- menu
- meta
- meter
- nav
- noscript
- object
- ol
- optgroup
- option
- output
- p
- param
- picture
- pre
- progress
- q
- rp
- rt
- ruby
- s
- samp
- script
- section
- select
- small
- source
- span
- strong
- style
- sub
- summary
- sup
- table
- tbody
- td
- textarea
- tfoot
- th
- thead
- time
- title
- tr
- track
- u
- ul
- var
- video
- wbr
Wordpress hosting. Theme and plugin reviews. Wordpress development tips. Templatic
Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips. A2 Web Hosting
Shared hosting, Reseller hosting, Cloud hosting, Dedicated hosting. Online Password Manager
Access your passwords from any computer, no need to remember all of your passwords. Advertise Here
Advertise your company and products here!