Developer

HTML Color Names

Browse and search all 148 HTML and CSS named colors with HEX and RGB values.

Reference

All 148 HTML & CSS Color Names

Every named color supported by modern browsers, in alphabetical order, with HEX and RGB values.

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

Developer

Why Use the HTML Color Names?

Browse every one of the 148 HTML color names in a searchable grid, with each swatch showing its HEX value and copying it on click. Type part of a name such as sea or slate to narrow the list, or filter by color family to see all the reds, blues, browns or grays together. A complete reference table with every name, HEX code and RGB value is printed below the grid, making this page a handy bookmark for students, email developers and anyone writing quick CSS.

How to Use the HTML Color Names

Type part of a color name into the search box, for example blue, coral or light, to filter the grid as you type.
Choose a color family filter such as red, orange, yellow, green, blue, purple, pink, brown, white or gray/black to see related names together.
Click any swatch to copy its HEX code to your clipboard.
Scroll down to the full reference table when you need the RGB values or want to scan every name in one list.

Best For

Picking a readable named color like tomato or steelblue for a CSS tutorial, code demo or classroom exercise.
Looking up the HEX value of a named color found in old HTML or a legacy stylesheet.
Finding a quick placeholder color while prototyping a layout before the real palette is chosen.
Comparing similar names side by side, such as navy, midnightblue and darkblue, to see how they actually differ.

Pro Tip

Named colors are perfect for prototypes, teaching and debugging, where seeing border: 2px solid red is clearer than a HEX code. For production design systems, store your final colors as HEX, RGB or HSL tokens instead, because named colors rarely match a brand exactly and offer no in-between shades. A handy debugging trick is to outline every element in a bright named color like magenta to spot layout problems quickly.

FAQ

HTML Color Names FAQ

How many HTML color names are there?

There are 148 named colors defined in the CSS Color specification, and all modern browsers support them in both HTML and CSS. A few are aliases for the same color, such as aqua and cyan, fuchsia and magenta, and the gray and grey spellings. The list also includes rebeccapurple, the most recent addition.

Are HTML color names case-sensitive?

No. CSS color keywords are case-insensitive, so Red, RED and red all produce the same color. Lowercase is the usual convention in modern code and matches how the names appear in the specification.

Why is darkgray lighter than gray in CSS?

CSS color names come from two older sources: the HTML 4 color list and the X11 color list used by Unix systems. gray (#808080) comes from HTML 4, while darkgray (#A9A9A9) comes from X11, where the scale was defined differently. When the lists were merged, both values were kept, leaving darkgray lighter than gray.

Should I use color names or HEX codes in CSS?

Color names are easier to read and remember, which makes them great for prototypes, examples and quick fixes. HEX, RGB or HSL codes give you access to millions of colors and exact brand matches, so they are the better choice for production styles and design systems. Both are equally supported by browsers.

Learn more

Guides for the HTML Color Names

Development

HTML Color Names: A Practical Guide to All 148 CSS Named Colors

A practical guide to HTML color names: the 16 originals, all 148 CSS named colors, gray vs grey, aqua vs cyan, and when to use names or design tokens.

Read Guide

Related tools

Keep Exploring Color Tools

Browse all 34 free color tools

Color Code Converter Paste a HEX, RGB, HSL, or CSS color name and convert it to every other color format. HEX to RGB Converter Convert HEX color codes to RGB and RGBA values with a step-by-step breakdown of the math. RGB to HEX Converter Turn red, green, and blue values into a HEX color code, including 3-digit shorthand. HEX Opacity Calculator Add transparency to any color and get 8-digit HEX, RGBA, and HSLA values instantly. CSS Box Shadow Generator Design CSS box shadows visually with offset, blur, spread, color, and inset controls. Tailwind CSS Color Generator Turn any color into a Tailwind 50–950 shade scale for tailwind.config.js or @theme. Light & Dark Theme Previewer Preview an accent color in light and dark themes side by side and copy the theme CSS. Color Picker Pick any color and instantly get HEX, RGB, HSL, HSV, and CMYK codes plus the nearest color name.