HTML Color Names

Modern browsers support 140 named colors which are listed below. Use them in your HTML and CSS by name, Hex color code or RGB value.

IndianRed

#CD5C5CRGB(205, 92, 92)

LightCoral

#F08080RGB(240, 128, 128)

Salmon

#FA8072RGB(250, 128, 114)

DarkSalmon

#E9967ARGB(233, 150, 122)

LightSalmon

#FFA07ARGB(255, 160, 122)

Crimson

#DC143CRGB(220, 20, 60)

Red

#FF0000RGB(255, 0, 0)

FireBrick

#B22222RGB(178, 34, 34)

DarkRed

#8B0000RGB(139, 0, 0)

Pink

#FFC0CBRGB(255, 192, 203)

LightPink

#FFB6C1RGB(255, 182, 193)

HotPink

#FF69B4RGB(255, 105, 180)

DeepPink

#FF1493RGB(255, 20, 147)

MediumVioletRed

#C71585RGB(199, 21, 133)

PaleVioletRed

#DB7093RGB(219, 112, 147)

LightSalmon

#FFA07ARGB(255, 160, 122)

Coral

#FF7F50RGB(255, 127, 80)

Tomato

#FF6347RGB(255, 99, 71)

OrangeRed

#FF4500RGB(255, 69, 0)

DarkOrange

#FF8C00RGB(255, 140, 0)

Orange

#FFA500RGB(255, 165, 0)

Gold

#FFD700RGB(255, 215, 0)

Yellow

#FFFF00RGB(255, 255, 0)

LightYellow

#FFFFE0RGB(255, 255, 224)

LemonChiffon

#FFFACDRGB(255, 250, 205)

LightGoldenrodYellow

#FAFAD2RGB(250, 250, 210)

PapayaWhip

#FFEFD5RGB(255, 239, 213)

Lavender

#E6E6FARGB(230, 230, 250)

Thistle

#D8BFD8RGB(216, 191, 216)

Plum

#DDA0DDRGB(221, 160, 221)

Violet

#EE82EERGB(238, 130, 238)

Orchid

#DA70D6RGB(218, 112, 214)

Fuchsia

#FF00FFRGB(255, 0, 255)

Magenta

#FF00FFRGB(255, 0, 255)

MediumOrchid

#BA55D3RGB(186, 85, 211)

MediumPurple

#9370DBRGB(147, 112, 219)

BlueViolet

#8A2BE2RGB(138, 43, 226)

DarkViolet

#9400D3RGB(148, 0, 211)

DarkOrchid

#9932CCRGB(153, 50, 204)

DarkMagenta

#8B008BRGB(139, 0, 139)

Purple

#800080RGB(128, 0, 128)

Indigo

#4B0082RGB(75, 0, 130)

SlateBlue

#6A5ACDRGB(106, 90, 205)

DarkSlateBlue

#483D8BRGB(72, 61, 139)

GreenYellow

#ADFF2FRGB(173, 255, 47)

Chartreuse

#7FFF00RGB(127, 255, 0)

LawnGreen

#7CFC00RGB(124, 252, 0)

Lime

#00FF00RGB(0, 255, 0)

LimeGreen

#32CD32RGB(50, 205, 50)

PaleGreen

#98FB98RGB(152, 251, 152)

LightGreen

#90EE90RGB(144, 238, 144)

MediumSpringGreen

#00FA9ARGB(0, 250, 154)

SpringGreen

#00FF7FRGB(0, 255, 127)

MediumSeaGreen

#3CB371RGB(60, 179, 113)

SeaGreen

#2E8B57RGB(46, 139, 87)

ForestGreen

#228B22RGB(34, 139, 34)

Green

#008000RGB(0, 128, 0)

DarkGreen

#006400RGB(0, 100, 0)

YellowGreen

#9ACD32RGB(154, 205, 50)

OliveDrab

#6B8E23RGB(107, 142, 35)

Olive

#808000RGB(128, 128, 0)

DarkOliveGreen

#556B2FRGB(85, 107, 47)

MediumAquamarine

#66CDAARGB(102, 205, 170)

DarkSeaGreen

#8FBC8FRGB(143, 188, 143)

LightSeaGreen

#20B2AARGB(32, 178, 170)

DarkCyan

#008B8BRGB(0, 139, 139)

Teal

#008080RGB(0, 128, 128)

Aqua

#00FFFFRGB(0, 255, 255)

Cyan

#00FFFFRGB(0, 255, 255)

LightCyan

#E0FFFFRGB(224, 255, 255)

PaleTurquoise

#AFEEEERGB(175, 238, 238)

Aquamarine

#7FFFD4RGB(127, 255, 212)

Turquoise

#40E0D0RGB(64, 224, 208)

MediumTurquoise

#48D1CCRGB(72, 209, 204)

DarkTurquoise

#00CED1RGB(0, 206, 209)

CadetBlue

#5F9EA0RGB(95, 158, 160)

SteelBlue

#4682B4RGB(70, 130, 180)

LightSteelBlue

#B0C4DERGB(176, 196, 222)

PowderBlue

#B0E0E6RGB(176, 224, 230)

LightBlue

#ADD8E6RGB(173, 216, 230)

SkyBlue

#87CEEBRGB(135, 206, 235)

LightSkyBlue

#87CEFARGB(135, 206, 250)

DeepSkyBlue

#00BFFFRGB(0, 191, 255)

DodgerBlue

#1E90FFRGB(30, 144, 255)

CornflowerBlue

#6495EDRGB(100, 149, 237)

MediumSlateBlue

#7B68EERGB(123, 104, 238)

RoyalBlue

#4169E1RGB(65, 105, 225)

Blue

#0000FFRGB(0, 0, 255)

MediumBlue

#0000CDRGB(0, 0, 205)

DarkBlue

#00008BRGB(0, 0, 139)

Navy

#000080RGB(0, 0, 128)

MidnightBlue

#191970RGB(25, 25, 112)

Cornsilk

#FFF8DCRGB(255, 248, 220)

BlanchedAlmond

#FFEBCDRGB(255, 235, 205)

Bisque

#FFE4C4RGB(255, 228, 196)

NavajoWhite

#FFDEADRGB(255, 222, 173)

Wheat

#F5DEB3RGB(245, 222, 179)

BurlyWood

#DEB887RGB(222, 184, 135)

Tan

#D2B48CRGB(210, 180, 140)

RosyBrown

#BC8F8FRGB(188, 143, 143)

SandyBrown

#F4A460RGB(244, 164, 96)

Goldenrod

#DAA520RGB(218, 165, 32)

DarkGoldenrod

#B8860BRGB(184, 134, 11)

Peru

#CD853FRGB(205, 133, 63)

Chocolate

#D2691ERGB(210, 105, 30)

SaddleBrown

#8B4513RGB(139, 69, 19)

Sienna

#A0522DRGB(160, 82, 45)

Brown

#A52A2ARGB(165, 42, 42)

Maroon

#800000RGB(128, 0, 0)

White

#FFFFFFRGB(255, 255, 255)

Snow

#FFFAFARGB(255, 250, 250)

Honeydew

#F0FFF0RGB(240, 255, 240)

MintCream

#F5FFFARGB(245, 255, 250)

Azure

#F0FFFFRGB(240, 255, 255)

AliceBlue

#F0F8FFRGB(240, 248, 255)

GhostWhite

#F8F8FFRGB(248, 248, 255)

WhiteSmoke

#F5F5F5RGB(245, 245, 245)

Seashell

#FFF5EERGB(255, 245, 238)

Beige

#F5F5DCRGB(245, 245, 220)

OldLace

#FDF5E6RGB(253, 245, 230)

FloralWhite

#FFFAF0RGB(255, 250, 240)

Ivory

#FFFFF0RGB(255, 255, 240)

AntiqueWhite

#FAEBD7RGB(250, 235, 215)

Linen

#FAF0E6RGB(250, 240, 230)

LavenderBlush

#FFF0F5RGB(255, 240, 245)

MistyRose

#FFE4E1RGB(255, 228, 225)

Gainsboro

#DCDCDCRGB(220, 220, 220)

LightGray

#D3D3D3RGB(211, 211, 211)

Silver

#C0C0C0RGB(192, 192, 192)

DarkGray

#A9A9A9RGB(169, 169, 169)

Gray

#808080RGB(128, 128, 128)

DimGray

#696969RGB(105, 105, 105)

LightSlateGray

#778899RGB(119, 136, 153)

SlateGray

#708090RGB(112, 128, 144)

DarkSlateGray

#2F4F4FRGB(47, 79, 79)

Black

#000000RGB(0, 0, 0)

Jump to Color Group

Understanding HTML Color Names

HTML color names provide a convenient way to specify colors in your web projects without memorizing hex codes or RGB values. Modern browsers support 140 standard color names that can be used directly in your HTML and CSS.

Quick Tip:

Color names are not case-sensitive in CSS. For example, darkblue, DarkBlue, and DARKBLUE all refer to the same color.

History of Named Colors in Web Development

The concept of named colors dates back to the early days of the web. The original specification included just 16 basic colors. Over time, this list expanded to include more colors, culminating in the 140 named colors supported in modern browsers today.

The 16 original HTML colors were: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. These colors were chosen to work reliably across all browser and system configurations.

Benefits of Using Named Colors

Readability

Color names are more intuitive and easier to remember than hex codes or RGB values, making your code more readable and understandable.

Efficiency

For common colors, names can be shorter and more concise than their hex or RGB equivalents, potentially reducing file size.

Semantics

Names add meaning to your code, making it more understandable for other developers and enhancing code maintenance.

How to Use Named Colors in Your Code

In HTML:

<div style="color: indianred">This text is Indian Red</div>
<p style="background-color: lightblue">This paragraph has a Light Blue background</p>

In CSS:

.danger {
  color: red;
}

.info-box {
  background-color: lightcyan;
  border: 1px solid navy;
}

Color Names vs. Hex Codes and RGB Values

While named colors are convenient, they are limited to the 140 predefined colors. For more precise color selection, you may need to use hex codes or RGB values. Each approach has its place in web development:

Named colors: Best for rapid prototyping and when exact color matching isn't critical
Hex codes: Offer a wide range of colors and are widely used in web design
RGB values: Provide precise control and support transparency with RGBA

For more precise color control, you might want to use our Color Picker tool or check out the Color Chart to find the perfect color for your project.

Frequently Asked Questions About Color Names

Are CSS color names case-sensitive?

No, CSS color names are not case-sensitive. You can write them in lowercase, uppercase, or mixed case. For example, lightblue, LightBlue, and LIGHTBLUE all refer to the same color in CSS and HTML.

How many named colors are supported in modern browsers?

Modern browsers support 140 standard named colors. These include the original 16 HTML colors plus additional colors that were added in CSS specifications. All of these named colors are supported across all major browsers including Chrome, Firefox, Safari, and Edge.

When should I use named colors instead of hex codes?

Named colors are ideal for rapid prototyping, educational purposes, or when working with common colors where exact matching isn't critical. They make code more readable and are easier to remember. However, for precise brand colors, custom designs, or when you need colors outside the 140 named options, hex codes or RGB values provide more flexibility.

Can I use color names in all CSS properties?

Yes, you can use color names in any CSS property that accepts a color value. This includes properties likecolor, background-color, border-color, box-shadow,outline-color, and gradient functions like linear-gradient(). Color names work anywhere a hex code or RGB value would work.