We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Loading CSS colors…

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.

Color ConverterContrast CheckerTints & ShadesDesign Tokens