HTML Color Names

HTML color names allow for colors to be represented with a dictionary term. Giving a name to a color makes it easier to remember exactly which color you are refering to when describing objects. Below provides CSS colors referenced by name which have been specified here: https://www.w3.org/TR/css3-color/. In addition, general color names are provided below as well. Color names are subjective, therefore, a single name could potentially represent a multitude of hex color values. This is because everyone has their own personal understanding of what a specific color looks like. The colors below are displayed in logical groups.

← Back   | Red  | Orange  | Yellow  | Yellow Green  | Green  | Green Cyan  | Cyan  | Cyan Blue  | Blue  | Blue Magenta  | Magenta  | Magenta Red  | White Grey Black

Red CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
mistyroseMisty Rose#ffe4e1rgb(255, 228, 225)
pinkPink#ffc0cbrgb(255, 192, 203)
lightpinkLight Pink#ffb6c1rgb(255, 182, 193)
lightcoralLight Coral#f08080rgb(240, 128, 128)
salmonSalmon#fa8072rgb(250, 128, 114)
rosybrownRosy Brown#bc8f8frgb(188, 143, 143)
tomatoTomato#ff6347rgb(255, 99, 71)
indianredIndian Red#cd5c5crgb(205, 92, 92)
redRed#ff0000rgb(255, 0, 0)
crimsonCrimson#dc143crgb(220, 20, 60)
firebrickFirebrick#b22222rgb(178, 34, 34)
brownBrown#a52a2argb(165, 42, 42)
darkredDark Red#8b0000rgb(139, 0, 0)
maroonMaroon#800000rgb(128, 0, 0)

Random General Color Names from Red Group



Orange CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
floralwhiteFloral White#fffaf0rgb(255, 250, 240)
seashellSeashell#fff5eergb(255, 245, 238)
oldlaceOld Lace#fdf5e6rgb(253, 245, 230)
linenLinen#faf0e6rgb(250, 240, 230)
papayawhipPapaya Whip#ffefd5rgb(255, 239, 213)
antiquewhiteAntique White#faebd7rgb(250, 235, 215)
blanchedalmondBlanche Dalmond#ffebcdrgb(255, 235, 205)
bisqueBisque#ffe4c4rgb(255, 228, 196)
peachpuffPeach Puff#ffdab9rgb(255, 218, 185)
moccasinMoccasin#ffe4b5rgb(255, 228, 181)
navajowhiteNavajo White#ffdeadrgb(255, 222, 173)
wheatWheat#f5deb3rgb(245, 222, 179)
lightsalmonLight Salmon#ffa07argb(255, 160, 122)
burlywoodBurly Wood#deb887rgb(222, 184, 135)
darksalmonDark Salmon#e9967argb(233, 150, 122)
tanTan#d2b48crgb(210, 180, 140)
sandybrownSandy Brown#f4a460rgb(244, 164, 96)
coralCoral#ff7f50rgb(255, 127, 80)
peruPeru#cd853frgb(205, 133, 63)
darkorangeDark Orange#ff8c00rgb(255, 140, 0)
orangeOrange#ffa500rgb(255, 165, 0)
orangeredOrange Red#ff4500rgb(255, 69, 0)
goldenrodGoldenrod#daa520rgb(218, 165, 32)
chocolateChocolate#d2691ergb(210, 105, 30)
siennaSienna#a0522drgb(160, 82, 45)
darkgoldenrodDark Goldenrod#b8860brgb(184, 134, 11)
saddlebrownSaddle Brown#8b4513rgb(139, 69, 19)

Random General Color Names from Orange Group



Yellow CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
ivoryIvory#fffff0rgb(255, 255, 240)
lightyellowLight Yellow#ffffe0rgb(255, 255, 224)
cornsilkCornsilk#fff8dcrgb(255, 248, 220)
beigeBeige#f5f5dcrgb(245, 245, 220)
lightgoldenrodyellowLight Goldenrod Yellow#fafad2rgb(250, 250, 210)
lemonchiffonLemon Chiffon#fffacdrgb(255, 250, 205)
palegoldenrodPale Goldenrod#eee8aargb(238, 232, 170)
khakiKhaki#f0e68crgb(240, 230, 140)
darkkhakiDark Khaki#bdb76brgb(189, 183, 107)
goldGold#ffd700rgb(255, 215, 0)
yellowYellow#ffff00rgb(255, 255, 0)
oliveOlive#808000rgb(128, 128, 0)

Random General Color Names from Yellow Group



Yellow Green CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
greenyellowGreen Yellow#adff2frgb(173, 255, 47)
chartreuseChartreuse#7fff00rgb(127, 255, 0)
yellowgreenYellow Green#9acd32rgb(154, 205, 50)
lawngreenLawn Green#7cfc00rgb(124, 252, 0)
olivedrabOlive Drab#6b8e23rgb(107, 142, 35)
darkolivegreenDark Olive Green#556b2frgb(85, 107, 47)
honeydewHoneydew#f0fff0rgb(240, 255, 240)

Random General Color Names from Yellow Green Group



Green CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
palegreenPale Green#98fb98rgb(152, 251, 152)
lightgreenLight Green#90ee90rgb(144, 238, 144)
darkseagreenDark Sea Green#8fbc8frgb(143, 188, 143)
limeLime#00ff00rgb(0, 255, 0)
limegreenLime Green#32cd32rgb(50, 205, 50)
forestgreenForest Green#228b22rgb(34, 139, 34)
greenGreen#008000rgb(0, 128, 0)
darkgreenDark Green#006400rgb(0, 100, 0)

Random General Color Names from Green Group



Green Cyan CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
aquamarineAquamarine#7fffd4rgb(127, 255, 212)
mediumaquamarineMedium Aquamarine#66cdaargb(102, 205, 170)
springgreenSpring Green#00ff7frgb(0, 255, 127)
mediumspringgreenMedium Spring Green#00fa9argb(0, 250, 154)
mediumseagreenMedium Sea green#3cb371rgb(60, 179, 113)
seagreenSea Green#2e8b57rgb(46, 139, 87)

Random General Color Names from Green Cyan Group



Cyan CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
azureAzure#f0ffffrgb(240, 255, 255)
lightcyanLight Cyan#e0ffffrgb(224, 255, 255)
paleturquoisePale Turquoise#afeeeergb(175, 238, 238)
powderbluePowder Blue#b0e0e6rgb(176, 224, 230)
lightblueLight Blue#add8e6rgb(173, 216, 230)
turquoiseTurquoise#40e0d0rgb(64, 224, 208)
mediumturquoiseMedium Turquoise#48d1ccrgb(72, 209, 204)
cyanCyan#00ffffrgb(0, 255, 255)
cadetblueCadet Blue#5f9ea0rgb(95, 158, 160)
darkturquoiseDark Turquoise#00ced1rgb(0, 206, 209)
lightseagreenLight Sea Green#20b2aargb(32, 178, 170)
darkcyanDark Cyan#008b8brgb(0, 139, 139)
tealTeal#008080rgb(0, 128, 128)
darkslategreyDark Slate Grey#2f4f4frgb(47, 79, 79)

Random General Color Names from Cyan Group



Cyan Blue CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
aliceblueAlice Blue#f0f8ffrgb(240, 248, 255)
lightsteelblueLight Steel Blue#b0c4dergb(176, 196, 222)
lightskyblueLight Sky Blue#87cefargb(135, 206, 250)
skyblueSky blue#87ceebrgb(135, 206, 235)
cornflowerblueCornflower Blue#6495edrgb(100, 149, 237)
royalblueRoyal Blue#4169e1rgb(65, 105, 225)
dodgerblueDodgerblue#1e90ffrgb(30, 144, 255)
lightslategreyLight Slate Grey#778899rgb(119, 136, 153)
deepskyblueDeep Sky Blue#00bfffrgb(0, 191, 255)
slategreySlate Grey#708090rgb(112, 128, 144)
steelblueSteel Blue#4682b4rgb(70, 130, 180)

Random General Color Names from Cyan Blue Group



Blue CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
lavenderLavender#e6e6fargb(230, 230, 250)
mediumslateblueMedium Slate Blue#7b68eergb(123, 104, 238)
slateblueSlate Blue#6a5acdrgb(106, 90, 205)
blueBlue#0000ffrgb(0, 0, 255)
mediumblueMedium Blue#0000cdrgb(0, 0, 205)
darkslateblueDark Slate Blue#483d8brgb(72, 61, 139)
darkblueDark Blue#00008brgb(0, 0, 139)
midnightblueMidnight Blue#191970rgb(25, 25, 112)
navyNavy#000080rgb(0, 0, 128)

Random General Color Names from Blue Group



Blue Magenta CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
mediumpurpleMedium Purple#9370dbrgb(147, 112, 219)
bluevioletBlue Violet#8a2be2rgb(138, 43, 226)
darkorchidDark Orchid#9932ccrgb(153, 50, 204)
darkvioletDark Violet#9400d3rgb(148, 0, 211)
indigoIndigo#4b0082rgb(75, 0, 130)

Random General Color Names from Blue Magenta Group



Magenta CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
thistleThistle#d8bfd8rgb(216, 191, 216)
plumPlum#dda0ddrgb(221, 160, 221)
violetViolet#ee82eergb(238, 130, 238)
orchidOrchid#da70d6rgb(218, 112, 214)
mediumorchidMedium Orchid#ba55d3rgb(186, 85, 211)
magentaMagenta#ff00ffrgb(255, 0, 255)
fuchsiaFuchsia#ff00ffrgb(255, 0, 255)
darkmagentaDark Magenta#8b008brgb(139, 0, 139)
purplePurple#800080rgb(128, 0, 128)

Random General Color Names from Magenta Group



Magenta Red CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
lavenderblushLavender Blush#fff0f5rgb(255, 240, 245)
hotpinkHot Pink#ff69b4rgb(255, 105, 180)
palevioletredPale Violet Red#db7093rgb(219, 112, 147)
deeppinkDeep Pink#ff1493rgb(255, 20, 147)
mediumvioletredMedium Violet Red#c71585rgb(199, 21, 133)

Random General Color Names from Magenta Red Group



White Grey Black CSS color names

Color ExampleCSS Color ReferenceColor NameHex Color CodeRGB Color Code
whiteWhite#ffffffrgb(255, 255, 255)
snowSnow#fffafargb(255, 250, 250)
ghostwhiteGhost White#f8f8ffrgb(248, 248, 255)
mintcreamMint Cream#f5fffargb(245, 255, 250)
whitesmokeWhite Smoke#f5f5f5rgb(245, 245, 245)
gainsboroGainsboro#dcdcdcrgb(220, 220, 220)
lightgreyLight Grey#d3d3d3rgb(211, 211, 211)
silverSilver#c0c0c0rgb(192, 192, 192)
darkgreyDark Grey#a9a9a9rgb(169, 169, 169)
greyGrey#808080rgb(128, 128, 128)
dimgreyDim Grey#696969rgb(105, 105, 105)
blackBlack#000000rgb(0, 0, 0)

Random General Color Names from White Grey Black Group