Color · Converter

CSS color name to hex.

Type a CSS color name like cornflowerblue and get its hex, RGB and HSL. Type a hex code and see if it has a name; if not, the nearest name is suggested. The full list of 148 is below.

Formulas: CSS Color 4, retrieved October 16, 2026

Convert both ways

All formats

Enter a color to see every format.

How CSS color name to HEX works

How the lookup works

Names are matched ignoring case and spaces. Rebecca Purple, rebeccapurple and REBECCAPURPLE are the same name.
The table is the CSS one. CSS Color 4 defines 148 opaque named colors, each with a fixed sRGB value. The table below is copied from the specification’s own table.
Two names can share one color. aqua and cyan are both #00FFFF, fuchsia and magenta are both #FF00FF, and each “gray” has a “grey” spelling. The tool lists every name that matches.
Hex to name. If the hex is exactly one of the 148, you get its name. Otherwise the tool shows the nearest name by straight-line distance in RGB. That is a quick guide, not a perceptual match.
transparent. The keyword transparent is not in the table; CSS Color 4 defines it as black with zero alpha, so it converts to #00000000.

Sources

CSS Color Module Level 4, W3C Candidate Recommendation Draft (retrieved October 16, 2026).

Cite this page: TNAADO Tools, “CSS Color Name to Hex Converter,” tools.tnaado.ca/color/css-color-name-to-hex/, formulas from the W3C CSS Color specifications, retrieved October 16, 2026.

All 148 CSS named colors

Values copied from the named color table in CSS Color 4, retrieved October 16, 2026. Sorted alphabetically.

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

CSS Color Name to Hex FAQ

How many CSS color names are there?

CSS Color Module Level 4 defines 148 opaque named colors. This page lists all of them with their hex and RGB values, plus the special keyword transparent.

What is the hex code for rebeccapurple?

It is #663399, which is rgb(102, 51, 153). It is one of the 148 named colors in the CSS Color 4 table.

Are CSS color names case sensitive?

No. Red, RED and red all work in CSS, and this tool also ignores spaces, hyphens and underscores so “dark blue” finds darkblue.

Why are there two spellings, gray and grey?

CSS accepts both for every gray shade (gray, darkgray, lightgray, slategray, dimgray and darkslategray, lightslategray) so authors can use either. They have the same values.

What if my hex has no name?

Most hex codes do not, since there are 16.7 million of them and only 148 names. The tool then shows the nearest name by RGB distance, labelled as nearest, not as an equal.

Is anything I type sent to a server?

No. The lookup runs in your browser and nothing is uploaded or stored.

What this does, and what it does not

This converts between written forms of sRGB colors, the color space browsers use for CSS by default. It does not convert to other color spaces such as Display P3 or Lab. Everything runs in your browser; nothing you type is sent anywhere.