CSS Named Colors: All 148 with HEX, RGB & HSL

Every color keyword in the CSS Color Module Level 4, with its HEX, RGB and HSL value. Search by name or code, and click a row to copy the HEX value.

Filter colors

Showing all 148 colors

Keyword	HEX	RGB	HSL
`aliceblue`	`#F0F8FF`	`240, 248, 255`	`208°, 100%, 97%`
`antiquewhite`	`#FAEBD7`	`250, 235, 215`	`34°, 78%, 91%`
`aqua`	`#00FFFF`	`0, 255, 255`	`180°, 100%, 50%`
`aquamarine`	`#7FFFD4`	`127, 255, 212`	`160°, 100%, 75%`
`azure`	`#F0FFFF`	`240, 255, 255`	`180°, 100%, 97%`
`beige`	`#F5F5DC`	`245, 245, 220`	`60°, 56%, 91%`
`bisque`	`#FFE4C4`	`255, 228, 196`	`33°, 100%, 88%`
`black`	`#000000`	`0, 0, 0`	`0°, 0%, 0%`
`blanchedalmond`	`#FFEBCD`	`255, 235, 205`	`36°, 100%, 90%`
`blue`	`#0000FF`	`0, 0, 255`	`240°, 100%, 50%`
`blueviolet`	`#8A2BE2`	`138, 43, 226`	`271°, 76%, 53%`
`brown`	`#A52A2A`	`165, 42, 42`	`0°, 59%, 41%`
`burlywood`	`#DEB887`	`222, 184, 135`	`34°, 57%, 70%`
`cadetblue`	`#5F9EA0`	`95, 158, 160`	`182°, 25%, 50%`
`chartreuse`	`#7FFF00`	`127, 255, 0`	`90°, 100%, 50%`
`chocolate`	`#D2691E`	`210, 105, 30`	`25°, 75%, 47%`
`coral`	`#FF7F50`	`255, 127, 80`	`16°, 100%, 66%`
`cornflowerblue`	`#6495ED`	`100, 149, 237`	`219°, 79%, 66%`
`cornsilk`	`#FFF8DC`	`255, 248, 220`	`48°, 100%, 93%`
`crimson`	`#DC143C`	`220, 20, 60`	`348°, 83%, 47%`
`cyan`	`#00FFFF`	`0, 255, 255`	`180°, 100%, 50%`
`darkblue`	`#00008B`	`0, 0, 139`	`240°, 100%, 27%`
`darkcyan`	`#008B8B`	`0, 139, 139`	`180°, 100%, 27%`
`darkgoldenrod`	`#B8860B`	`184, 134, 11`	`43°, 89%, 38%`
`darkgray`	`#A9A9A9`	`169, 169, 169`	`0°, 0%, 66%`
`darkgreen`	`#006400`	`0, 100, 0`	`120°, 100%, 20%`
`darkgrey`	`#A9A9A9`	`169, 169, 169`	`0°, 0%, 66%`
`darkkhaki`	`#BDB76B`	`189, 183, 107`	`56°, 38%, 58%`
`darkmagenta`	`#8B008B`	`139, 0, 139`	`300°, 100%, 27%`
`darkolivegreen`	`#556B2F`	`85, 107, 47`	`82°, 39%, 30%`
`darkorange`	`#FF8C00`	`255, 140, 0`	`33°, 100%, 50%`
`darkorchid`	`#9932CC`	`153, 50, 204`	`280°, 61%, 50%`
`darkred`	`#8B0000`	`139, 0, 0`	`0°, 100%, 27%`
`darksalmon`	`#E9967A`	`233, 150, 122`	`15°, 72%, 70%`
`darkseagreen`	`#8FBC8F`	`143, 188, 143`	`120°, 25%, 65%`
`darkslateblue`	`#483D8B`	`72, 61, 139`	`248°, 39%, 39%`
`darkslategray`	`#2F4F4F`	`47, 79, 79`	`180°, 25%, 25%`
`darkslategrey`	`#2F4F4F`	`47, 79, 79`	`180°, 25%, 25%`
`darkturquoise`	`#00CED1`	`0, 206, 209`	`181°, 100%, 41%`
`darkviolet`	`#9400D3`	`148, 0, 211`	`282°, 100%, 41%`
`deeppink`	`#FF1493`	`255, 20, 147`	`328°, 100%, 54%`
`deepskyblue`	`#00BFFF`	`0, 191, 255`	`195°, 100%, 50%`
`dimgray`	`#696969`	`105, 105, 105`	`0°, 0%, 41%`
`dimgrey`	`#696969`	`105, 105, 105`	`0°, 0%, 41%`
`dodgerblue`	`#1E90FF`	`30, 144, 255`	`210°, 100%, 56%`
`firebrick`	`#B22222`	`178, 34, 34`	`0°, 68%, 42%`
`floralwhite`	`#FFFAF0`	`255, 250, 240`	`40°, 100%, 97%`
`forestgreen`	`#228B22`	`34, 139, 34`	`120°, 61%, 34%`
`fuchsia`	`#FF00FF`	`255, 0, 255`	`300°, 100%, 50%`
`gainsboro`	`#DCDCDC`	`220, 220, 220`	`0°, 0%, 86%`
`ghostwhite`	`#F8F8FF`	`248, 248, 255`	`240°, 100%, 99%`
`gold`	`#FFD700`	`255, 215, 0`	`51°, 100%, 50%`
`goldenrod`	`#DAA520`	`218, 165, 32`	`43°, 74%, 49%`
`gray`	`#808080`	`128, 128, 128`	`0°, 0%, 50%`
`green`	`#008000`	`0, 128, 0`	`120°, 100%, 25%`
`greenyellow`	`#ADFF2F`	`173, 255, 47`	`84°, 100%, 59%`
`grey`	`#808080`	`128, 128, 128`	`0°, 0%, 50%`
`honeydew`	`#F0FFF0`	`240, 255, 240`	`120°, 100%, 97%`
`hotpink`	`#FF69B4`	`255, 105, 180`	`330°, 100%, 71%`
`indianred`	`#CD5C5C`	`205, 92, 92`	`0°, 53%, 58%`
`indigo`	`#4B0082`	`75, 0, 130`	`275°, 100%, 25%`
`ivory`	`#FFFFF0`	`255, 255, 240`	`60°, 100%, 97%`
`khaki`	`#F0E68C`	`240, 230, 140`	`54°, 77%, 75%`
`lavender`	`#E6E6FA`	`230, 230, 250`	`240°, 67%, 94%`
`lavenderblush`	`#FFF0F5`	`255, 240, 245`	`340°, 100%, 97%`
`lawngreen`	`#7CFC00`	`124, 252, 0`	`90°, 100%, 49%`
`lemonchiffon`	`#FFFACD`	`255, 250, 205`	`54°, 100%, 90%`
`lightblue`	`#ADD8E6`	`173, 216, 230`	`195°, 53%, 79%`
`lightcoral`	`#F08080`	`240, 128, 128`	`0°, 79%, 72%`
`lightcyan`	`#E0FFFF`	`224, 255, 255`	`180°, 100%, 94%`
`lightgoldenrodyellow`	`#FAFAD2`	`250, 250, 210`	`60°, 80%, 90%`
`lightgray`	`#D3D3D3`	`211, 211, 211`	`0°, 0%, 83%`
`lightgreen`	`#90EE90`	`144, 238, 144`	`120°, 73%, 75%`
`lightgrey`	`#D3D3D3`	`211, 211, 211`	`0°, 0%, 83%`
`lightpink`	`#FFB6C1`	`255, 182, 193`	`351°, 100%, 86%`
`lightsalmon`	`#FFA07A`	`255, 160, 122`	`17°, 100%, 74%`
`lightseagreen`	`#20B2AA`	`32, 178, 170`	`177°, 70%, 41%`
`lightskyblue`	`#87CEFA`	`135, 206, 250`	`203°, 92%, 75%`
`lightslategray`	`#778899`	`119, 136, 153`	`210°, 14%, 53%`
`lightslategrey`	`#778899`	`119, 136, 153`	`210°, 14%, 53%`
`lightsteelblue`	`#B0C4DE`	`176, 196, 222`	`214°, 41%, 78%`
`lightyellow`	`#FFFFE0`	`255, 255, 224`	`60°, 100%, 94%`
`lime`	`#00FF00`	`0, 255, 0`	`120°, 100%, 50%`
`limegreen`	`#32CD32`	`50, 205, 50`	`120°, 61%, 50%`
`linen`	`#FAF0E6`	`250, 240, 230`	`30°, 67%, 94%`
`magenta`	`#FF00FF`	`255, 0, 255`	`300°, 100%, 50%`
`maroon`	`#800000`	`128, 0, 0`	`0°, 100%, 25%`
`mediumaquamarine`	`#66CDAA`	`102, 205, 170`	`160°, 51%, 60%`
`mediumblue`	`#0000CD`	`0, 0, 205`	`240°, 100%, 40%`
`mediumorchid`	`#BA55D3`	`186, 85, 211`	`288°, 59%, 58%`
`mediumpurple`	`#9370DB`	`147, 112, 219`	`260°, 60%, 65%`
`mediumseagreen`	`#3CB371`	`60, 179, 113`	`147°, 50%, 47%`
`mediumslateblue`	`#7B68EE`	`123, 104, 238`	`249°, 80%, 67%`
`mediumspringgreen`	`#00FA9A`	`0, 250, 154`	`157°, 100%, 49%`
`mediumturquoise`	`#48D1CC`	`72, 209, 204`	`178°, 60%, 55%`
`mediumvioletred`	`#C71585`	`199, 21, 133`	`322°, 81%, 43%`
`midnightblue`	`#191970`	`25, 25, 112`	`240°, 64%, 27%`
`mintcream`	`#F5FFFA`	`245, 255, 250`	`150°, 100%, 98%`
`mistyrose`	`#FFE4E1`	`255, 228, 225`	`6°, 100%, 94%`
`moccasin`	`#FFE4B5`	`255, 228, 181`	`38°, 100%, 85%`
`navajowhite`	`#FFDEAD`	`255, 222, 173`	`36°, 100%, 84%`
`navy`	`#000080`	`0, 0, 128`	`240°, 100%, 25%`
`oldlace`	`#FDF5E6`	`253, 245, 230`	`39°, 85%, 95%`
`olive`	`#808000`	`128, 128, 0`	`60°, 100%, 25%`
`olivedrab`	`#6B8E23`	`107, 142, 35`	`80°, 60%, 35%`
`orange`	`#FFA500`	`255, 165, 0`	`39°, 100%, 50%`
`orangered`	`#FF4500`	`255, 69, 0`	`16°, 100%, 50%`
`orchid`	`#DA70D6`	`218, 112, 214`	`302°, 59%, 65%`
`palegoldenrod`	`#EEE8AA`	`238, 232, 170`	`55°, 67%, 80%`
`palegreen`	`#98FB98`	`152, 251, 152`	`120°, 93%, 79%`
`paleturquoise`	`#AFEEEE`	`175, 238, 238`	`180°, 65%, 81%`
`palevioletred`	`#DB7093`	`219, 112, 147`	`340°, 60%, 65%`
`papayawhip`	`#FFEFD5`	`255, 239, 213`	`37°, 100%, 92%`
`peachpuff`	`#FFDAB9`	`255, 218, 185`	`28°, 100%, 86%`
`peru`	`#CD853F`	`205, 133, 63`	`30°, 59%, 53%`
`pink`	`#FFC0CB`	`255, 192, 203`	`350°, 100%, 88%`
`plum`	`#DDA0DD`	`221, 160, 221`	`300°, 47%, 75%`
`powderblue`	`#B0E0E6`	`176, 224, 230`	`187°, 52%, 80%`
`purple`	`#800080`	`128, 0, 128`	`300°, 100%, 25%`
`rebeccapurple`	`#663399`	`102, 51, 153`	`270°, 50%, 40%`
`red`	`#FF0000`	`255, 0, 0`	`0°, 100%, 50%`
`rosybrown`	`#BC8F8F`	`188, 143, 143`	`0°, 25%, 65%`
`royalblue`	`#4169E1`	`65, 105, 225`	`225°, 73%, 57%`
`saddlebrown`	`#8B4513`	`139, 69, 19`	`25°, 76%, 31%`
`salmon`	`#FA8072`	`250, 128, 114`	`6°, 93%, 71%`
`sandybrown`	`#F4A460`	`244, 164, 96`	`28°, 87%, 67%`
`seagreen`	`#2E8B57`	`46, 139, 87`	`146°, 50%, 36%`
`seashell`	`#FFF5EE`	`255, 245, 238`	`25°, 100%, 97%`
`sienna`	`#A0522D`	`160, 82, 45`	`19°, 56%, 40%`
`silver`	`#C0C0C0`	`192, 192, 192`	`0°, 0%, 75%`
`skyblue`	`#87CEEB`	`135, 206, 235`	`197°, 71%, 73%`
`slateblue`	`#6A5ACD`	`106, 90, 205`	`248°, 53%, 58%`
`slategray`	`#708090`	`112, 128, 144`	`210°, 13%, 50%`
`slategrey`	`#708090`	`112, 128, 144`	`210°, 13%, 50%`
`snow`	`#FFFAFA`	`255, 250, 250`	`0°, 100%, 99%`
`springgreen`	`#00FF7F`	`0, 255, 127`	`150°, 100%, 50%`
`steelblue`	`#4682B4`	`70, 130, 180`	`207°, 44%, 49%`
`tan`	`#D2B48C`	`210, 180, 140`	`34°, 44%, 69%`
`teal`	`#008080`	`0, 128, 128`	`180°, 100%, 25%`
`thistle`	`#D8BFD8`	`216, 191, 216`	`300°, 24%, 80%`
`tomato`	`#FF6347`	`255, 99, 71`	`9°, 100%, 64%`
`turquoise`	`#40E0D0`	`64, 224, 208`	`174°, 72%, 56%`
`violet`	`#EE82EE`	`238, 130, 238`	`300°, 76%, 72%`
`wheat`	`#F5DEB3`	`245, 222, 179`	`39°, 77%, 83%`
`white`	`#FFFFFF`	`255, 255, 255`	`0°, 0%, 100%`
`whitesmoke`	`#F5F5F5`	`245, 245, 245`	`0°, 0%, 96%`
`yellow`	`#FFFF00`	`255, 255, 0`	`60°, 100%, 50%`
`yellowgreen`	`#9ACD32`	`154, 205, 50`	`80°, 61%, 50%`

Good to know

148 keywords, 139 unique colors. aqua/cyan and fuchsia/magenta are identical, and all seven names containing "gray" also have a "grey" spelling with the same value.
Names are case-insensitive. DodgerBlue and dodgerblue are the same color.
"darkgray" is lighter than "gray". The extended names come from the X11 color list, where darkgray is #A9A9A9 while the older HTML gray is #808080.
rebeccapurple (#663399) is the newest keyword, added in CSS Color Level 4 in memory of Eric Meyer's daughter Rebecca.
Besides colors, CSS also has the keywords transparent and currentColor, plus system colors such as Canvas and CanvasText.

Browse the colors by family: blue, green, red, purple, pink and gray. Convert any code with the HEX to RGB converter.