CSS Portal
Notifications
New
CSS Analyzer & Stylesheet Stats

Analyze a stylesheet instantly: size, rules, selectors, colors, fonts, specificity, media queries and custom properties, plus common problems like !important and ID selectors.
New
CSS Difference Checker

Compare two CSS files by rules and properties, not lines. See added, removed, changed, moved and renamed rules, highlighted in both versions.
New
Duplicate CSS Remover & Merger

Remove duplicate CSS rules and properties. Merges rules with the same selector, keeps the value the browser uses, keeps fallbacks, and explains every change.
New
CSS Box Model Visualizer

See how the CSS box model works. Change content size, padding, border and margin, compare content-box and border-box, and copy the CSS.
New
Remove Empty Lines

Remove empty lines from text or lists instantly. Remove every blank line, keep one between paragraphs or trim only the start and end, and tidy trailing spaces.
New
Unused CSS Finder - Command Line Version

For a more comprehensive audit, try our command-line PHP version. It crawls every page of your site, compares your stylesheets against all of them, and produces a full report with optional cleaned CSS files.
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.
Favorites

CSS Color Names

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

The list below presents all 148 named colors in the CSS Color specification. This includes the 17 basic color names, 130 additional shades and variations, and rebeccapurple, added in CSS Color Level 4. 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: color names are case-insensitive, so DarkBlue, darkblue and DARKBLUE all work. These are the 17 basic color keywords:

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

Notes:

  • Fuchsia has the same color code as Magenta
  • Aqua has the same color code as Cyan
  • Every gray can be spelled with an 'a' or an 'e': gray and grey, darkslategray and darkslategrey, and so on. Both spellings give the same color
  • Darkgray is actually lighter than Gray
  • Lightpink is actually darker than Pink
☕
Enjoying this site?

Help keep it running with a small coffee donation. Every bit of support is appreciated!

Buy us a coffee

Search by name, HEX or RGB, sort the list, click a swatch to copy its HEX code, or follow a HEX link to see complementary colors and more in the color converter.

Sort

  • AliceBlue

    Hex#F0F8FFRGB240, 248, 255

  • AntiqueWhite

    Hex#FAEBD7RGB250, 235, 215

  • Aqua

    Hex#00FFFFRGB0, 255, 255

    Same as cyan

  • Aquamarine

    Hex#7FFFD4RGB127, 255, 212

  • Azure

    Hex#F0FFFFRGB240, 255, 255

  • Beige

    Hex#F5F5DCRGB245, 245, 220

  • Bisque

    Hex#FFE4C4RGB255, 228, 196

  • Black

    Hex#000000RGB0, 0, 0

  • BlanchedAlmond

    Hex#FFEBCDRGB255, 235, 205

  • Blue

    Hex#0000FFRGB0, 0, 255

  • BlueViolet

    Hex#8A2BE2RGB138, 43, 226

  • Brown

    Hex#A52A2ARGB165, 42, 42

  • BurlyWood

    Hex#DEB887RGB222, 184, 135

  • CadetBlue

    Hex#5F9EA0RGB95, 158, 160

  • Chartreuse

    Hex#7FFF00RGB127, 255, 0

  • Chocolate

    Hex#D2691ERGB210, 105, 30

  • Coral

    Hex#FF7F50RGB255, 127, 80

  • CornflowerBlue

    Hex#6495EDRGB100, 149, 237

  • Cornsilk

    Hex#FFF8DCRGB255, 248, 220

  • Crimson

    Hex#DC143CRGB220, 20, 60

  • Cyan

    Hex#00FFFFRGB0, 255, 255

    Same as aqua

  • DarkBlue

    Hex#00008BRGB0, 0, 139

  • DarkCyan

    Hex#008B8BRGB0, 139, 139

  • DarkGoldenrod

    Hex#B8860BRGB184, 134, 11

  • DarkGray

    Hex#A9A9A9RGB169, 169, 169

    Same as darkgrey

  • DarkGreen

    Hex#006400RGB0, 100, 0

  • DarkGrey

    Hex#A9A9A9RGB169, 169, 169

    Same as darkgray

  • DarkKhaki

    Hex#BDB76BRGB189, 183, 107

  • DarkMagenta

    Hex#8B008BRGB139, 0, 139

  • DarkOliveGreen

    Hex#556B2FRGB85, 107, 47

  • DarkOrange

    Hex#FF8C00RGB255, 140, 0

  • DarkOrchid

    Hex#9932CCRGB153, 50, 204

  • DarkRed

    Hex#8B0000RGB139, 0, 0

  • DarkSalmon

    Hex#E9967ARGB233, 150, 122

  • DarkSeaGreen

    Hex#8FBC8FRGB143, 188, 143

  • DarkSlateBlue

    Hex#483D8BRGB72, 61, 139

  • DarkSlateGray

    Hex#2F4F4FRGB47, 79, 79

    Same as darkslategrey

  • DarkSlateGrey

    Hex#2F4F4FRGB47, 79, 79

    Same as darkslategray

  • DarkTurquoise

    Hex#00CED1RGB0, 206, 209

  • DarkViolet

    Hex#9400D3RGB148, 0, 211

  • DeepPink

    Hex#FF1493RGB255, 20, 147

  • DeepSkyBlue

    Hex#00BFFFRGB0, 191, 255

  • DimGray

    Hex#696969RGB105, 105, 105

    Same as dimgrey

  • DimGrey

    Hex#696969RGB105, 105, 105

    Same as dimgray

  • DodgerBlue

    Hex#1E90FFRGB30, 144, 255

  • FireBrick

    Hex#B22222RGB178, 34, 34

  • FloralWhite

    Hex#FFFAF0RGB255, 250, 240

  • ForestGreen

    Hex#228B22RGB34, 139, 34

  • Fuchsia

    Hex#FF00FFRGB255, 0, 255

    Same as magenta

  • Gainsboro

    Hex#DCDCDCRGB220, 220, 220

  • GhostWhite

    Hex#F8F8FFRGB248, 248, 255

  • Gold

    Hex#FFD700RGB255, 215, 0

  • Goldenrod

    Hex#DAA520RGB218, 165, 32

  • Gray

    Hex#808080RGB128, 128, 128

    Same as grey

  • Green

    Hex#008000RGB0, 128, 0

  • GreenYellow

    Hex#ADFF2FRGB173, 255, 47

  • Grey

    Hex#808080RGB128, 128, 128

    Same as gray

  • Honeydew

    Hex#F0FFF0RGB240, 255, 240

  • HotPink

    Hex#FF69B4RGB255, 105, 180

  • IndianRed

    Hex#CD5C5CRGB205, 92, 92

  • Indigo

    Hex#4B0082RGB75, 0, 130

  • Ivory

    Hex#FFFFF0RGB255, 255, 240

  • Khaki

    Hex#F0E68CRGB240, 230, 140

  • Lavender

    Hex#E6E6FARGB230, 230, 250

  • LavenderBlush

    Hex#FFF0F5RGB255, 240, 245

  • LawnGreen

    Hex#7CFC00RGB124, 252, 0

  • LemonChiffon

    Hex#FFFACDRGB255, 250, 205

  • LightBlue

    Hex#ADD8E6RGB173, 216, 230

  • LightCoral

    Hex#F08080RGB240, 128, 128

  • LightCyan

    Hex#E0FFFFRGB224, 255, 255

  • LightGoldenrodYellow

    Hex#FAFAD2RGB250, 250, 210

  • LightGray

    Hex#D3D3D3RGB211, 211, 211

    Same as lightgrey

  • LightGreen

    Hex#90EE90RGB144, 238, 144

  • LightGrey

    Hex#D3D3D3RGB211, 211, 211

    Same as lightgray

  • LightPink

    Hex#FFB6C1RGB255, 182, 193

  • LightSalmon

    Hex#FFA07ARGB255, 160, 122

  • LightSeaGreen

    Hex#20B2AARGB32, 178, 170

  • LightSkyBlue

    Hex#87CEFARGB135, 206, 250

  • LightSlateGray

    Hex#778899RGB119, 136, 153

    Same as lightslategrey

  • LightSlateGrey

    Hex#778899RGB119, 136, 153

    Same as lightslategray

  • LightSteelBlue

    Hex#B0C4DERGB176, 196, 222

  • LightYellow

    Hex#FFFFE0RGB255, 255, 224

  • Lime

    Hex#00FF00RGB0, 255, 0

  • LimeGreen

    Hex#32CD32RGB50, 205, 50

  • Linen

    Hex#FAF0E6RGB250, 240, 230

  • Magenta

    Hex#FF00FFRGB255, 0, 255

    Same as fuchsia

  • Maroon

    Hex#800000RGB128, 0, 0

  • MediumAquamarine

    Hex#66CDAARGB102, 205, 170

  • MediumBlue

    Hex#0000CDRGB0, 0, 205

  • MediumOrchid

    Hex#BA55D3RGB186, 85, 211

  • MediumPurple

    Hex#9370DBRGB147, 112, 219

  • MediumSeaGreen

    Hex#3CB371RGB60, 179, 113

  • MediumSlateBlue

    Hex#7B68EERGB123, 104, 238

  • MediumSpringGreen

    Hex#00FA9ARGB0, 250, 154

  • MediumTurquoise

    Hex#48D1CCRGB72, 209, 204

  • MediumVioletRed

    Hex#C71585RGB199, 21, 133

  • MidnightBlue

    Hex#191970RGB25, 25, 112

  • MintCream

    Hex#F5FFFARGB245, 255, 250

  • MistyRose

    Hex#FFE4E1RGB255, 228, 225

  • Moccasin

    Hex#FFE4B5RGB255, 228, 181

  • NavajoWhite

    Hex#FFDEADRGB255, 222, 173

  • Navy

    Hex#000080RGB0, 0, 128

  • OldLace

    Hex#FDF5E6RGB253, 245, 230

  • Olive

    Hex#808000RGB128, 128, 0

  • OliveDrab

    Hex#6B8E23RGB107, 142, 35

  • Orange

    Hex#FFA500RGB255, 165, 0

  • OrangeRed

    Hex#FF4500RGB255, 69, 0

  • Orchid

    Hex#DA70D6RGB218, 112, 214

  • PaleGoldenrod

    Hex#EEE8AARGB238, 232, 170

  • PaleGreen

    Hex#98FB98RGB152, 251, 152

  • PaleTurquoise

    Hex#AFEEEERGB175, 238, 238

  • PaleVioletRed

    Hex#DB7093RGB219, 112, 147

  • PapayaWhip

    Hex#FFEFD5RGB255, 239, 213

  • PeachPuff

    Hex#FFDAB9RGB255, 218, 185

  • Peru

    Hex#CD853FRGB205, 133, 63

  • Pink

    Hex#FFC0CBRGB255, 192, 203

  • Plum

    Hex#DDA0DDRGB221, 160, 221

  • PowderBlue

    Hex#B0E0E6RGB176, 224, 230

  • Purple

    Hex#800080RGB128, 0, 128

  • RebeccaPurple

    Hex#663399RGB102, 51, 153

  • Red

    Hex#FF0000RGB255, 0, 0

  • RosyBrown

    Hex#BC8F8FRGB188, 143, 143

  • RoyalBlue

    Hex#4169E1RGB65, 105, 225

  • SaddleBrown

    Hex#8B4513RGB139, 69, 19

  • Salmon

    Hex#FA8072RGB250, 128, 114

  • SandyBrown

    Hex#F4A460RGB244, 164, 96

  • SeaGreen

    Hex#2E8B57RGB46, 139, 87

  • Seashell

    Hex#FFF5EERGB255, 245, 238

  • Sienna

    Hex#A0522DRGB160, 82, 45

  • Silver

    Hex#C0C0C0RGB192, 192, 192

  • SkyBlue

    Hex#87CEEBRGB135, 206, 235

  • SlateBlue

    Hex#6A5ACDRGB106, 90, 205

  • SlateGray

    Hex#708090RGB112, 128, 144

    Same as slategrey

  • SlateGrey

    Hex#708090RGB112, 128, 144

    Same as slategray

  • Snow

    Hex#FFFAFARGB255, 250, 250

  • SpringGreen

    Hex#00FF7FRGB0, 255, 127

  • SteelBlue

    Hex#4682B4RGB70, 130, 180

  • Tan

    Hex#D2B48CRGB210, 180, 140

  • Teal

    Hex#008080RGB0, 128, 128

  • Thistle

    Hex#D8BFD8RGB216, 191, 216

  • Tomato

    Hex#FF6347RGB255, 99, 71

  • Turquoise

    Hex#40E0D0RGB64, 224, 208

  • Violet

    Hex#EE82EERGB238, 130, 238

  • Wheat

    Hex#F5DEB3RGB245, 222, 179

  • White

    Hex#FFFFFFRGB255, 255, 255

  • WhiteSmoke

    Hex#F5F5F5RGB245, 245, 245

  • Yellow

    Hex#FFFF00RGB255, 255, 0

  • YellowGreen

    Hex#9ACD32RGB154, 205, 50

☕
Enjoying this site?

Help keep it running with a small coffee donation. Every bit of support is appreciated!

Buy us a coffee
Sponsors

Copyright © 2026 CSSPortal.com - All Rights Reserved.

Contact Privacy Policy Donations