Developer Reference
CSS Named Colors
Complete reference for all 146 CSS named color keywords. Includes hex, RGB, and HSL values for every color — from CSS Level 1 basics to CSS Level 4's rebeccapurple.
CSS1: 13 colorsCSS3: 132 colorsCSS4: 1 colors
146 named colors
redCSS1
#FF0000rgb(255, 0, 0)hsl(0, 100%, 50%)
darkredCSS3
#8B0000rgb(139, 0, 0)hsl(0, 100%, 27%)
firebrickCSS3
#B22222rgb(178, 34, 34)hsl(0, 68%, 42%)
crimsonCSS3
#DC143Crgb(220, 20, 60)hsl(348, 83%, 47%)
indianredCSS3
#CD5C5Crgb(205, 92, 92)hsl(0, 53%, 58%)
lightcoralCSS3
#F08080rgb(240, 128, 128)hsl(0, 79%, 72%)
salmonCSS3
#FA8072rgb(250, 128, 114)hsl(6, 93%, 71%)
darksalmonCSS3
#E9967Argb(233, 150, 122)hsl(15, 72%, 70%)
lightsalmonCSS3
#FFA07Argb(255, 160, 122)hsl(17, 100%, 74%)
pinkCSS3
#FFC0CBrgb(255, 192, 203)hsl(350, 100%, 88%)
lightpinkCSS3
#FFB6C1rgb(255, 182, 193)hsl(351, 100%, 86%)
hotpinkCSS3
#FF69B4rgb(255, 105, 180)hsl(330, 100%, 71%)
deeppinkCSS3
#FF1493rgb(255, 20, 147)hsl(328, 100%, 54%)
mediumvioletredCSS3
#C71585rgb(199, 21, 133)hsl(322, 81%, 43%)
palevioletredCSS3
#DB7093rgb(219, 112, 147)hsl(340, 60%, 65%)
orangeCSS3
#FFA500rgb(255, 165, 0)hsl(39, 100%, 50%)
darkorangeCSS3
#FF8C00rgb(255, 140, 0)hsl(33, 100%, 50%)
orangeredCSS3
#FF4500rgb(255, 69, 0)hsl(16, 100%, 50%)
tomatoCSS3
#FF6347rgb(255, 99, 71)hsl(9, 100%, 64%)
coralCSS3
#FF7F50rgb(255, 127, 80)hsl(16, 100%, 66%)
yellowCSS1
#FFFF00rgb(255, 255, 0)hsl(60, 100%, 50%)
lightyellowCSS3
#FFFFE0rgb(255, 255, 224)hsl(60, 100%, 94%)
lemonchiffonCSS3
#FFFACDrgb(255, 250, 205)hsl(54, 100%, 90%)
lightgoldenrodyellowCSS3
#FAFAD2rgb(250, 250, 210)hsl(60, 80%, 90%)
papayawhipCSS3
#FFEFD5rgb(255, 239, 213)hsl(37, 100%, 92%)
moccasinCSS3
#FFE4B5rgb(255, 228, 181)hsl(38, 100%, 85%)
peachpuffCSS3
#FFDAB9rgb(255, 218, 185)hsl(28, 100%, 86%)
palegoldenrodCSS3
#EEE8AArgb(238, 232, 170)hsl(55, 67%, 80%)
khakiCSS3
#F0E68Crgb(240, 230, 140)hsl(54, 77%, 75%)
darkkhakiCSS3
#BDB76Brgb(189, 183, 107)hsl(56, 38%, 58%)
goldCSS3
#FFD700rgb(255, 215, 0)hsl(51, 100%, 50%)
greenCSS1
#008000rgb(0, 128, 0)hsl(120, 100%, 25%)
limeCSS1
#00FF00rgb(0, 255, 0)hsl(120, 100%, 50%)
darkgreenCSS3
#006400rgb(0, 100, 0)hsl(120, 100%, 20%)
forestgreenCSS3
#228B22rgb(34, 139, 34)hsl(120, 61%, 34%)
seagreenCSS3
#2E8B57rgb(46, 139, 87)hsl(146, 50%, 36%)
mediumseagreenCSS3
#3CB371rgb(60, 179, 113)hsl(147, 50%, 47%)
limegreenCSS3
#32CD32rgb(50, 205, 50)hsl(120, 61%, 50%)
springgreenCSS3
#00FF7Frgb(0, 255, 127)hsl(150, 100%, 50%)
mediumspringgreenCSS3
#00FA9Argb(0, 250, 154)hsl(157, 100%, 49%)
darkseagreenCSS3
#8FBC8Frgb(143, 188, 143)hsl(120, 25%, 65%)
lightgreenCSS3
#90EE90rgb(144, 238, 144)hsl(120, 73%, 75%)
palegreenCSS3
#98FB98rgb(152, 251, 152)hsl(120, 93%, 79%)
honeydewCSS3
#F0FFF0rgb(240, 255, 240)hsl(120, 100%, 97%)
chartreuseCSS3
#7FFF00rgb(127, 255, 0)hsl(90, 100%, 50%)
lawngreenCSS3
#7CFC00rgb(124, 252, 0)hsl(90, 100%, 49%)
greenyellowCSS3
#ADFF2Frgb(173, 255, 47)hsl(84, 100%, 59%)
yellowgreenCSS3
#9ACD32rgb(154, 205, 50)hsl(80, 61%, 50%)
olivedrabCSS3
#6B8E23rgb(107, 142, 35)hsl(80, 60%, 35%)
oliveCSS3
#808000rgb(128, 128, 0)hsl(60, 100%, 25%)
darkolivegreenCSS3
#556B2Frgb(85, 107, 47)hsl(82, 39%, 30%)
cyanCSS3
#00FFFFrgb(0, 255, 255)hsl(180, 100%, 50%)
aquaCSS1
#00FFFFrgb(0, 255, 255)hsl(180, 100%, 50%)
lightcyanCSS3
#E0FFFFrgb(224, 255, 255)hsl(180, 100%, 94%)
aquamarineCSS3
#7FFFD4rgb(127, 255, 212)hsl(160, 100%, 75%)
mediumaquamarineCSS3
#66CDAArgb(102, 205, 170)hsl(160, 51%, 60%)
paleturquoiseCSS3
#AFEEEErgb(175, 238, 238)hsl(180, 65%, 81%)
turquoiseCSS3
#40E0D0rgb(64, 224, 208)hsl(174, 72%, 56%)
mediumturquoiseCSS3
#48D1CCrgb(72, 209, 204)hsl(178, 60%, 55%)
darkturquoiseCSS3
#00CED1rgb(0, 206, 209)hsl(181, 100%, 41%)
lightseagreenCSS3
#20B2AArgb(32, 178, 170)hsl(177, 70%, 41%)
cadetblueCSS3
#5F9EA0rgb(95, 158, 160)hsl(182, 25%, 50%)
darkcyanCSS3
#008B8Brgb(0, 139, 139)hsl(180, 100%, 27%)
tealCSS3
#008080rgb(0, 128, 128)hsl(180, 100%, 25%)
blueCSS1
#0000FFrgb(0, 0, 255)hsl(240, 100%, 50%)
darkblueCSS3
#00008Brgb(0, 0, 139)hsl(240, 100%, 27%)
navyCSS3
#000080rgb(0, 0, 128)hsl(240, 100%, 25%)
mediumblueCSS3
#0000CDrgb(0, 0, 205)hsl(240, 100%, 40%)
royalblueCSS3
#4169E1rgb(65, 105, 225)hsl(225, 73%, 57%)
cornflowerblueCSS3
#6495EDrgb(100, 149, 237)hsl(219, 79%, 66%)
dodgerblueCSS3
#1E90FFrgb(30, 144, 255)hsl(210, 100%, 56%)
deepskyblueCSS3
#00BFFFrgb(0, 191, 255)hsl(195, 100%, 50%)
lightskyblueCSS3
#87CEFArgb(135, 206, 250)hsl(203, 92%, 75%)
skyblueCSS3
#87CEEBrgb(135, 206, 235)hsl(197, 71%, 73%)
lightblueCSS3
#ADD8E6rgb(173, 216, 230)hsl(195, 53%, 79%)
powderblueCSS3
#B0E0E6rgb(176, 224, 230)hsl(187, 52%, 80%)
lightsteelblueCSS3
#B0C4DErgb(176, 196, 222)hsl(214, 41%, 78%)
steelblueCSS3
#4682B4rgb(70, 130, 180)hsl(207, 44%, 49%)
aliceblueCSS3
#F0F8FFrgb(240, 248, 255)hsl(208, 100%, 97%)
slateblueCSS3
#6A5ACDrgb(106, 90, 205)hsl(248, 53%, 58%)
darkslateblueCSS3
#483D8Brgb(72, 61, 139)hsl(248, 39%, 39%)
mediumslateblueCSS3
#7B68EErgb(123, 104, 238)hsl(249, 80%, 67%)
purpleCSS1
#800080rgb(128, 0, 128)hsl(300, 100%, 25%)
magentaCSS3
#FF00FFrgb(255, 0, 255)hsl(300, 100%, 50%)
fuchsiaCSS1
#FF00FFrgb(255, 0, 255)hsl(300, 100%, 50%)
darkmagentaCSS3
#8B008Brgb(139, 0, 139)hsl(300, 100%, 27%)
darkvioletCSS3
#9400D3rgb(148, 0, 211)hsl(282, 100%, 41%)
darkorchidCSS3
#9932CCrgb(153, 50, 204)hsl(280, 61%, 50%)
bluevioletCSS3
#8A2BE2rgb(138, 43, 226)hsl(271, 76%, 53%)
indigoCSS3
#4B0082rgb(75, 0, 130)hsl(275, 100%, 25%)
rebeccapurpleCSS4
#663399rgb(102, 51, 153)hsl(270, 50%, 40%)
mediumpurpleCSS3
#9370DBrgb(147, 112, 219)hsl(260, 60%, 65%)
mediumorchidCSS3
#BA55D3rgb(186, 85, 211)hsl(288, 59%, 58%)
orchidCSS3
#DA70D6rgb(218, 112, 214)hsl(302, 59%, 65%)
violetCSS3
#EE82EErgb(238, 130, 238)hsl(300, 76%, 72%)
plumCSS3
#DDA0DDrgb(221, 160, 221)hsl(300, 47%, 75%)
thistleCSS3
#D8BFD8rgb(216, 191, 216)hsl(300, 24%, 80%)
lavenderCSS3
#E6E6FArgb(230, 230, 250)hsl(240, 67%, 94%)
lavenderblushCSS3
#FFF0F5rgb(255, 240, 245)hsl(340, 100%, 97%)
mistyroseCSS3
#FFE4E1rgb(255, 228, 225)hsl(6, 100%, 94%)
brownCSS3
#A52A2Argb(165, 42, 42)hsl(0, 59%, 41%)
maroonCSS1
#800000rgb(128, 0, 0)hsl(0, 100%, 25%)
saddlebrownCSS3
#8B4513rgb(139, 69, 19)hsl(25, 76%, 31%)
siennaCSS3
#A0522Drgb(160, 82, 45)hsl(19, 56%, 40%)
chocolateCSS3
#D2691Ergb(210, 105, 30)hsl(25, 75%, 47%)
peruCSS3
#CD853Frgb(205, 133, 63)hsl(30, 59%, 53%)
sandybrownCSS3
#F4A460rgb(244, 164, 96)hsl(28, 87%, 67%)
burlywoodCSS3
#DEB887rgb(222, 184, 135)hsl(34, 57%, 70%)
tanCSS3
#D2B48Crgb(210, 180, 140)hsl(34, 44%, 69%)
rosybrownCSS3
#BC8F8Frgb(188, 143, 143)hsl(0, 25%, 65%)
moccasinCSS3
#FFE4B5rgb(255, 228, 181)hsl(38, 100%, 85%)
navajowhiteCSS3
#FFDEADrgb(255, 222, 173)hsl(36, 100%, 84%)
wheatCSS3
#F5DEB3rgb(245, 222, 179)hsl(39, 77%, 83%)
bisqueCSS3
#FFE4C4rgb(255, 228, 196)hsl(33, 100%, 88%)
antiquewhiteCSS3
#FAEBD7rgb(250, 235, 215)hsl(34, 78%, 91%)
linenCSS3
#FAF0E6rgb(250, 240, 230)hsl(30, 67%, 94%)
oldlaceCSS3
#FDF5E6rgb(253, 245, 230)hsl(39, 85%, 95%)
cornsilkCSS3
#FFF8DCrgb(255, 248, 220)hsl(48, 100%, 93%)
blanchedalmondCSS3
#FFEBCDrgb(255, 235, 205)hsl(36, 100%, 90%)
whiteCSS1
#FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)
snowCSS3
#FFFAFArgb(255, 250, 250)hsl(0, 100%, 99%)
ivoryCSS3
#FFFFF0rgb(255, 255, 240)hsl(60, 100%, 97%)
floralwhiteCSS3
#FFFAF0rgb(255, 250, 240)hsl(40, 100%, 97%)
seashellCSS3
#FFF5EErgb(255, 245, 238)hsl(25, 100%, 97%)
whitesmokeCSS3
#F5F5F5rgb(245, 245, 245)hsl(0, 0%, 96%)
ghostwhiteCSS3
#F8F8FFrgb(248, 248, 255)hsl(240, 100%, 99%)
mintcreamCSS3
#F5FFFArgb(245, 255, 250)hsl(150, 100%, 98%)
azureCSS3
#F0FFFFrgb(240, 255, 255)hsl(180, 100%, 97%)
blackCSS1
#000000rgb(0, 0, 0)hsl(0, 0%, 0%)
darkgrayCSS3
#A9A9A9rgb(169, 169, 169)hsl(0, 0%, 66%)
grayCSS1
#808080rgb(128, 128, 128)hsl(0, 0%, 50%)
darkgreyCSS3
#A9A9A9rgb(169, 169, 169)hsl(0, 0%, 66%)
greyCSS3
#808080rgb(128, 128, 128)hsl(0, 0%, 50%)
silverCSS1
#C0C0C0rgb(192, 192, 192)hsl(0, 0%, 75%)
lightgrayCSS3
#D3D3D3rgb(211, 211, 211)hsl(0, 0%, 83%)
lightgreyCSS3
#D3D3D3rgb(211, 211, 211)hsl(0, 0%, 83%)
gainsboroCSS3
#DCDCDCrgb(220, 220, 220)hsl(0, 0%, 86%)
slategrayCSS3
#708090rgb(112, 128, 144)hsl(210, 13%, 50%)
slategreyCSS3
#708090rgb(112, 128, 144)hsl(210, 13%, 50%)
lightslategrayCSS3
#778899rgb(119, 136, 153)hsl(210, 14%, 53%)
lightslategreyCSS3
#778899rgb(119, 136, 153)hsl(210, 14%, 53%)
dimgrayCSS3
#696969rgb(105, 105, 105)hsl(0, 0%, 41%)
dimgreyCSS3
#696969rgb(105, 105, 105)hsl(0, 0%, 41%)
darkslategrayCSS3
#2F4F4Frgb(47, 79, 79)hsl(180, 25%, 25%)
darkslategreyCSS3
#2F4F4Frgb(47, 79, 79)hsl(180, 25%, 25%)
transparentCSS3
transparentrgb(0, 0, 0)
CSS Level 1 (1996)
16 basic colors defined in the original CSS specification: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
CSS Level 3 (2011)
Expanded to 147 named colors, adding the full X11 color set. Includes color aliases like grey variants and transparent as a keyword.
CSS Level 4 (2022)
Added rebeccapurple (#663399) — named in honor of Rebecca Meyer, daughter of web pioneer Eric Meyer. The only new named color in CSS4.