CSS PortalCSS Portal
Menu
  • CSS Generators
  • CSS Resources
  • CSS Tools
  • HTML Resources
  • Blog
  1. Home
  2. CSS3 Color Names

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#F0F8FF240, 248, 255
AntiqueWhite#FAEBD7250, 235, 215
Aqua#00FFFF0, 255, 255
Aquamarine#7FFFD4127, 255, 212
Azure#F0FFFF240, 255, 255
Beige#F5F5DC245, 245, 220
Bisque#FFE4C4255, 228, 196
Black#0000000, 0, 0
BlanchedAlmond#FFEBCD255, 235, 205
Blue#0000FF0, 0, 255
BlueViolet#8A2BE2138, 43, 226
Brown#A52A2A165, 42, 42
BurlyWood#DEB887222, 184, 135
CadetBlue#5F9EA095, 158, 160
Chartreuse#7FFF00127, 255, 0
Chocolate#D2691E210, 105, 30
Coral#FF7F50255, 127, 80
CornflowerBlue#6495ED100, 149, 237
Cornsilk#FFF8DC255, 248, 220
Crimson#DC143C220, 20, 60
Cyan#00FFFF0, 255, 255
DarkBlue#00008B0, 0, 139
DarkCyan#008B8B0, 139, 139
DarkGoldenrod#B8860B184, 134, 11
DarkGray#A9A9A9169, 169, 169
DarkGreen#0064000, 100, 0
DarkGrey#A9A9A9 169, 169, 169
DarkKhaki#BDB76B189, 183, 107
DarkMagenta#8B008B139, 0, 139
DarkOliveGreen#556B2F85, 107, 47
DarkOrange#FF8C00255, 140, 0
DarkOrchid#9932CC153, 50, 204
DarkRed#8B0000139, 0, 0
DarkSalmon#E9967A233, 150, 122
DarkSeaGreen#8FBC8F143, 188, 143
DarkSlateBlue#483D8B72, 61, 139
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
DarkTurquoise#00CED10, 206, 209
DarkViolet#9400D3148, 0, 211
DeepPink#FF1493255, 20, 147
DeepSkyBlue#00BFFF0, 191, 255
DimGray#696969105, 105, 105
DodgerBlue#1E90FF30, 144, 255
FireBrick#B22222178, 34, 34
FloralWhite#FFFAF0255, 250, 240
ForestGreen#228B2234, 139, 34
Fuchsia#FF00FF255, 0, 255
Gainsboro#DCDCDC220, 220, 220
GhostWhite#F8F8FF248, 248, 255
Gold#FFD700255, 215, 0
Goldenrod#DAA520218, 165, 32
Gray#808080128, 128, 128
Green#0080000, 128, 0
GreenYellow#ADFF2F173, 255, 47
Grey#808080128, 128, 128
Honeydew#F0FFF0240, 255, 240
HotPink#FF69B4255, 105, 180
IndianRed#CD5C5C205, 92, 92
Indigo#4B008275, 0, 130
Ivory#FFFFF0255, 255, 240
Khaki#F0E68C240, 230, 140
Lavender#E6E6FA230, 230, 250
LavenderBlush#FFF0F5255, 240, 245
LawnGreen#7CFC00124, 252, 0
LemonChiffon#FFFACD255, 250, 205
LightBlue#ADD8E6173, 216, 230
LightCoral#F08080240, 128, 128
LightCyan#E0FFFF224, 255, 255
LightGoldenrodYellow#FAFAD2250, 250, 210
LightGray#D3D3D3211, 211, 211
LightGreen#90EE90144, 238, 144
LightGrey#D3D3D3211, 211, 211
LightPink#FFB6C1255, 182, 193
LightSalmon#FFA07A255, 160, 122
LightSeaGreen#20B2AA32, 178, 170
LightSkyBlue#87CEFA135, 206, 250
LightSlateGray#778899119, 136, 153
LightSlateGrey#778899119, 136, 153
LightSteelBlue#B0C4DE176, 196, 222
LightYellow#FFFFE0255, 255, 224
Lime#00FF000, 255, 0
LimeGreen#32CD3250, 205, 50
Linen#FAF0E6250, 240, 230
Magenta#FF00FF255, 0, 255
Maroon#800000128, 0, 0
MediumAquamarine#66CDAA102, 205, 170
MediumBlue#0000CD0, 0, 205
MediumOrchid#BA55D3186, 85, 211
MediumPurple#9370DB147, 112, 219
MediumSeaGreen#3CB37160, 179, 113
MediumSlateBlue#7B68EE123, 104, 238
MediumSpringGreen#00FA9A0, 250, 154
MediumTurquoise#48D1CC72, 209, 204
MediumVioletRed#C71585199, 21, 133
MidnightBlue#19197025, 25, 112
MintCream#F5FFFA245, 255, 250
MistyRose#FFE4E1255, 228, 225
Moccasin#FFE4B5255, 228, 181
NavajoWhite#FFDEAD255, 222, 173
Navy#0000800, 0, 128
OldLace#FDF5E6253, 245, 230
Olive#808000128, 128, 0
OliveDrab#6B8E23107, 142, 35
Orange#FFA500255, 165, 0
OrangeRed#FF4500255, 69, 0
Orchid#DA70D6218, 112, 214
PaleGoldenrod#EEE8AA238, 232, 170
PaleGreen#98FB98152, 251, 152
PaleTurquoise#AFEEEE175, 238, 238
PaleVioletRed#DB7093219, 112, 147
PapayaWhip#FFEFD5255, 239, 213
PeachPuff#FFDAB9255, 218, 185
Peru#CD853F205, 133, 63
Pink#FFC0CB255, 192, 203
Plum#DDA0DD221, 160, 221
PowderBlue#B0E0E6176, 224, 230
Purple#800080128, 0, 128
Rebeccapurple#663399102, 51, 153
Red#FF0000255, 0, 0
RosyBrown#BC8F8F188, 143, 143
RoyalBlue#4169E165, 105, 225
SaddleBrown#8B4513139, 69, 19
Salmon#FA8072250, 128, 114
SandyBrown#F4A460244, 164, 96
SeaGreen#2E8B5746, 139, 87
Seashell#FFF5EE255, 245, 238
Sienna#A0522D160, 82, 45
Silver#C0C0C0192, 192, 192
SkyBlue#87CEEB135, 206, 235
SlateBlue#6A5ACD106, 90, 205
SlateGray#708090112, 128, 144
SlateGrey#708090112, 128, 144
Snow#FFFAFA255, 250, 250
SpringGreen#00FF7F0, 255, 127
SteelBlue#4682B470, 130, 180
Tan#D2B48C210, 180, 140
Teal#0080800, 128, 128
Thistle#D8BFD8216, 191, 216
Tomato#FF6347255, 99, 71
Turquoise#40E0D064, 224, 208
Violet#EE82EE238, 130, 238
Wheat#F5DEB3245, 222, 179
White#FFFFFF255, 255, 255
WhiteSmoke#F5F5F5245, 245, 245
Yellow#FFFF00255, 255, 0
YellowGreen#9ACD32154, 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.

URL
Sidebar

CSS & HTML References

  • CSS At-Rules
    • @charset
    • @document
    • @font-face
    • @import
    • @keyframes
    • @media
    • @namespace
    • @page
    • @supports
    • @viewport
  • CSS Data Types
    • angle
    • basic-shape
    • blend-mode
    • color
    • frequency
    • gradient
    • image
    • integer
    • length
    • number
    • percentage
    • position
    • ratio
    • resolution
    • string
    • time
    • url
  • 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
    • ::after
    • ::before
    • ::first-letter
    • ::first-line
    • ::placeholder
    • ::selection
  • 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
  • Sponsors
  • Learn Wordpress
    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!

    About CSSPortal

    CSS Portal is home to many examples of CSS and how it can be used in website design. Here you'll find all CSS properties and many CSS generators to help with all your design needs.

    Friends

    • Expand URL
    • Password Manager
    • Website Tools & Generators

    CSSPortal

    • Donate to CSSPortal
    • Privacy Policy
    • Contact Us
    • CSS Blog

    Copyright © 2023, CSSPortal.com All rights reserved.