CSS Portal
Notifications
New
CSS Logical Properties Converter

Free CSS logical properties converter. Transform margin-left, padding-top, width and more into flow-relative equivalents for RTL and i18n-ready layouts. Includes shorthand conversion and writing mode simulator.
New
Unused CSS Finder

Free tool to find and remove unused CSS. Scan HTML, CSS, and JS to get a cleaned stylesheet, byte savings, and a breakdown of every removable selector.
New
CSS Skeleton Loader Generator

Generate production-ready CSS skeleton loader components instantly. Customize card type, quantity, size, colors, border radius, and animation style
Updated
CSS Validator

CSS Validator has had a complete makeover, it now uses a newly developed CSS validation engine.
New
CSS Position Visualizer

An interactive visual reference for every CSS position value - static, relative, absolute, fixed, and sticky - plus z-index, stacking contexts, and a live layout debugger.
New
CSS @Counter-Style Preview

An interactive CSS @counter-style editor and browser.
New
CSS Specificity Calculator

Compare multiple selectors side by side and see exactly which one the browser will prioritise.
New
CSS Color-mix() Calculator

Professional CSS color mixing tool with support for 11 color spaces including OKLAB, OKLCH, LAB, LCH, and HSL.
New
CSS Centering Guide

Learn how to center elements in CSS using Grid, Flexbox, and Absolute positioning.
New
CSS Clamp() Calculator

This visual clamp calculator helps you generate scalable font sizes and spacing with live previews.
New
CSS Toast Generator

Generate custom, production-ready JavaScript toast notifications in seconds.
Favorites

CSS Color Names

  1. Home
  2. CSS Resources
  3. CSS Color Names

The table below presents all 147 colors defined in the CSS3 Color Specification. This includes the 17 standard base color names as well as 130 additional shades and variations, providing developers with a comprehensive set of predefined options. Each color name can be used directly within HTML and CSS, making it easy to style text, backgrounds, borders, and other elements without the need to reference hexadecimal or RGB values.

Note: The basic color keywords are case-insensitive:

aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal white yellow

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
If this site has been useful, we’d love your support! Consider buying us a coffee to keep things going strong!

Click on the links below to view complimentary colors and a range of other information about the color.

AliceBlue
Hex: #F0F8FF
RGB: 240, 248, 255
AntiqueWhite
Hex: #FAEBD7
RGB: 250, 235, 215
Aqua
Hex: #00FFFF
RGB: 0, 255, 255
Aquamarine
Hex: #7FFFD4
RGB: 127, 255, 212
Azure
Hex: #F0FFFF
RGB: 240, 255, 255
Beige
Hex: #F5F5DC
RGB: 245, 245, 220
Bisque
Hex: #FFE4C4
RGB: 255, 228, 196
Black
Hex: #000000
RGB: 0, 0, 0
BlanchedAlmond
Hex: #FFEBCD
RGB: 255, 235, 205
Blue
Hex: #0000FF
RGB: 0, 0, 255
BlueViolet
Hex: #8A2BE2
RGB: 138, 43, 226
Brown
Hex: #A52A2A
RGB: 165, 42, 42
BurlyWood
Hex: #DEB887
RGB: 222, 184, 135
CadetBlue
Hex: #5F9EA0
RGB: 95, 158, 160
Chartreuse
Hex: #7FFF00
RGB: 127, 255, 0
Chocolate
Hex: #D2691E
RGB: 210, 105, 30
Coral
Hex: #FF7F50
RGB: 255, 127, 80
CornflowerBlue
Hex: #6495ED
RGB: 100, 149, 237
Cornsilk
Hex: #FFF8DC
RGB: 255, 248, 220
Crimson
Hex: #DC143C
RGB: 220, 20, 60
Cyan
Hex: #00FFFF
RGB: 0, 255, 255
DarkBlue
Hex: #00008B
RGB: 0, 0, 139
DarkCyan
Hex: #008B8B
RGB: 0, 139, 139
DarkGoldenrod
Hex: #B8860B
RGB: 184, 134, 11
DarkGray
Hex: #A9A9A9
RGB: 169, 169, 169
DarkGreen
Hex: #006400
RGB: 0, 100, 0
DarkGrey
Hex: #A9A9A9
RGB: 169, 169, 169
DarkKhaki
Hex: #BDB76B
RGB: 189, 183, 107
DarkMagenta
Hex: #8B008B
RGB: 139, 0, 139
DarkOliveGreen
Hex: #556B2F
RGB: 85, 107, 47
DarkOrange
Hex: #FF8C00
RGB: 255, 140, 0
DarkOrchid
Hex: #9932CC
RGB: 153, 50, 204
DarkRed
Hex: #8B0000
RGB: 139, 0, 0
DarkSalmon
Hex: #E9967A
RGB: 233, 150, 122
DarkSeaGreen
Hex: #8FBC8F
RGB: 143, 188, 143
DarkSlateBlue
Hex: #483D8B
RGB: 72, 61, 139
DarkSlateGray
Hex: #2F4F4F
RGB: 47, 79, 79
DarkSlateGrey
Hex: #2F4F4F
RGB: 47, 79, 79
DarkTurquoise
Hex: #00CED1
RGB: 0, 206, 209
DarkViolet
Hex: #9400D3
RGB: 148, 0, 211
DeepPink
Hex: #FF1493
RGB: 255, 20, 147
DeepSkyBlue
Hex: #00BFFF
RGB: 0, 191, 255
DimGray
Hex: #696969
RGB: 105, 105, 105
DodgerBlue
Hex: #1E90FF
RGB: 30, 144, 255
FireBrick
Hex: #B22222
RGB: 178, 34, 34
FloralWhite
Hex: #FFFAF0
RGB: 255, 250, 240
ForestGreen
Hex: #228B22
RGB: 34, 139, 34
Fuchsia
Hex: #FF00FF
RGB: 255, 0, 255
Gainsboro
Hex: #DCDCDC
RGB: 220, 220, 220
GhostWhite
Hex: #F8F8FF
RGB: 248, 248, 255
Gold
Hex: #FFD700
RGB: 255, 215, 0
Goldenrod
Hex: #DAA520
RGB: 218, 165, 32
Gray
Hex: #808080
RGB: 128, 128, 128
Green
Hex: #008000
RGB: 0, 128, 0
GreenYellow
Hex: #ADFF2F
RGB: 173, 255, 47
Grey
Hex: #808080
RGB: 128, 128, 128
Honeydew
Hex: #F0FFF0
RGB: 240, 255, 240
HotPink
Hex: #FF69B4
RGB: 255, 105, 180
IndianRed
Hex: #CD5C5C
RGB: 205, 92, 92
Indigo
Hex: #4B0082
RGB: 75, 0, 130
Ivory
Hex: #FFFFF0
RGB: 255, 255, 240
Khaki
Hex: #F0E68C
RGB: 240, 230, 140
Lavender
Hex: #E6E6FA
RGB: 230, 230, 250
LavenderBlush
Hex: #FFF0F5
RGB: 255, 240, 245
LawnGreen
Hex: #7CFC00
RGB: 124, 252, 0
LemonChiffon
Hex: #FFFACD
RGB: 255, 250, 205
LightBlue
Hex: #ADD8E6
RGB: 173, 216, 230
LightCoral
Hex: #F08080
RGB: 240, 128, 128
LightCyan
Hex: #E0FFFF
RGB: 224, 255, 255
LightGoldenrodYellow
Hex: #FAFAD2
RGB: 250, 250, 210
LightGray
Hex: #D3D3D3
RGB: 211, 211, 211
LightGreen
Hex: #90EE90
RGB: 144, 238, 144
LightGrey
Hex: #D3D3D3
RGB: 211, 211, 211
LightPink
Hex: #FFB6C1
RGB: 255, 182, 193
LightSalmon
Hex: #FFA07A
RGB: 255, 160, 122
LightSeaGreen
Hex: #20B2AA
RGB: 32, 178, 170
LightSkyBlue
Hex: #87CEFA
RGB: 135, 206, 250
LightSlateGray
Hex: #778899
RGB: 119, 136, 153
LightSlateGrey
Hex: #778899
RGB: 119, 136, 153
LightSteelBlue
Hex: #B0C4DE
RGB: 176, 196, 222
LightYellow
Hex: #FFFFE0
RGB: 255, 255, 224
Lime
Hex: #00FF00
RGB: 0, 255, 0
LimeGreen
Hex: #32CD32
RGB: 50, 205, 50
Linen
Hex: #FAF0E6
RGB: 250, 240, 230
Magenta
Hex: #FF00FF
RGB: 255, 0, 255
Maroon
Hex: #800000
RGB: 128, 0, 0
MediumAquamarine
Hex: #66CDAA
RGB: 102, 205, 170
MediumBlue
Hex: #0000CD
RGB: 0, 0, 205
MediumOrchid
Hex: #BA55D3
RGB: 186, 85, 211
MediumPurple
Hex: #9370DB
RGB: 147, 112, 219
MediumSeaGreen
Hex: #3CB371
RGB: 60, 179, 113
MediumSlateBlue
Hex: #7B68EE
RGB: 123, 104, 238
MediumSpringGreen
Hex: #00FA9A
RGB: 0, 250, 154
MediumTurquoise
Hex: #48D1CC
RGB: 72, 209, 204
MediumVioletRed
Hex: #C71585
RGB: 199, 21, 133
MidnightBlue
Hex: #191970
RGB: 25, 25, 112
MintCream
Hex: #F5FFFA
RGB: 245, 255, 250
MistyRose
Hex: #FFE4E1
RGB: 255, 228, 225
Moccasin
Hex: #FFE4B5
RGB: 255, 228, 181
NavajoWhite
Hex: #FFDEAD
RGB: 255, 222, 173
Navy
Hex: #000080
RGB: 0, 0, 128
OldLace
Hex: #FDF5E6
RGB: 253, 245, 230
Olive
Hex: #808000
RGB: 128, 128, 0
OliveDrab
Hex: #6B8E23
RGB: 107, 142, 35
Orange
Hex: #FFA500
RGB: 255, 165, 0
OrangeRed
Hex: #FF4500
RGB: 255, 69, 0
Orchid
Hex: #DA70D6
RGB: 218, 112, 214
PaleGoldenrod
Hex: #EEE8AA
RGB: 238, 232, 170
PaleGreen
Hex: #98FB98
RGB: 152, 251, 152
PaleTurquoise
Hex: #AFEEEE
RGB: 175, 238, 238
PaleVioletRed
Hex: #DB7093
RGB: 219, 112, 147
PapayaWhip
Hex: #FFEFD5
RGB: 255, 239, 213
PeachPuff
Hex: #FFDAB9
RGB: 255, 218, 185
Peru
Hex: #CD853F
RGB: 205, 133, 63
Pink
Hex: #FFC0CB
RGB: 255, 192, 203
Plum
Hex: #DDA0DD
RGB: 221, 160, 221
PowderBlue
Hex: #B0E0E6
RGB: 176, 224, 230
Purple
Hex: #800080
RGB: 128, 0, 128
Rebeccapurple
Hex: #663399
RGB: 102, 51, 153
Red
Hex: #FF0000
RGB: 255, 0, 0
RosyBrown
Hex: #BC8F8F
RGB: 188, 143, 143
RoyalBlue
Hex: #4169E1
RGB: 65, 105, 225
SaddleBrown
Hex: #8B4513
RGB: 139, 69, 19
Salmon
Hex: #FA8072
RGB: 250, 128, 114
SandyBrown
Hex: #F4A460
RGB: 244, 164, 96
SeaGreen
Hex: #2E8B57
RGB: 46, 139, 87
Seashell
Hex: #FFF5EE
RGB: 255, 245, 238
Sienna
Hex: #A0522D
RGB: 160, 82, 45
Silver
Hex: #C0C0C0
RGB: 192, 192, 192
SkyBlue
Hex: #87CEEB
RGB: 135, 206, 235
SlateBlue
Hex: #6A5ACD
RGB: 106, 90, 205
SlateGray
Hex: #708090
RGB: 112, 128, 144
SlateGrey
Hex: #708090
RGB: 112, 128, 144
Snow
Hex: #FFFAFA
RGB: 255, 250, 250
SpringGreen
Hex: #00FF7F
RGB: 0, 255, 127
SteelBlue
Hex: #4682B4
RGB: 70, 130, 180
Tan
Hex: #D2B48C
RGB: 210, 180, 140
Teal
Hex: #008080
RGB: 0, 128, 128
Thistle
Hex: #D8BFD8
RGB: 216, 191, 216
Tomato
Hex: #FF6347
RGB: 255, 99, 71
Turquoise
Hex: #40E0D0
RGB: 64, 224, 208
Violet
Hex: #EE82EE
RGB: 238, 130, 238
Wheat
Hex: #F5DEB3
RGB: 245, 222, 179
White
Hex: #FFFFFF
RGB: 255, 255, 255
WhiteSmoke
Hex: #F5F5F5
RGB: 245, 245, 245
Yellow
Hex: #FFFF00
RGB: 255, 255, 0
YellowGreen
Hex: #9ACD32
RGB: 154, 205, 50
Copied to clipboard!
If this site has been useful, we’d love your support! Consider buying us a coffee to keep things going strong!
Sponsors

Copyright © 2026 CSSPortal.com - All Rights Reserved.

Contact Privacy Policy Donations