Nearest Names Nearest CSS named color
blueviolet
#8a2be2 Very close ΔE 3.7
Nearest color name
Blue Violet
#8a2be2 Very close ΔE 3.7
.element {
color: blueviolet; /* #8a2be2 · rgb(138, 43, 226) */
} Uses the nearest CSS named color. Pick any color from the list below to use it instead.
CSS Named Colors All 148 All Reds Oranges Yellows Greens Blues Purples Pinks Browns Grays, whites & blacks
aliceblue #f0f8ff rgb(240, 248, 255) Name HEX RGB
antiquewhite #faebd7 rgb(250, 235, 215) Name HEX RGB
aqua #00ffff rgb(0, 255, 255) Name HEX RGB
aquamarine #7fffd4 rgb(127, 255, 212) Name HEX RGB
azure #f0ffff rgb(240, 255, 255) Name HEX RGB
beige #f5f5dc rgb(245, 245, 220) Name HEX RGB
bisque #ffe4c4 rgb(255, 228, 196) Name HEX RGB
black #000000 rgb(0, 0, 0) Name HEX RGB
blanchedalmond #ffebcd rgb(255, 235, 205) Name HEX RGB
blue #0000ff rgb(0, 0, 255) Name HEX RGB
blueviolet #8a2be2 rgb(138, 43, 226) Name HEX RGB
brown #a52a2a rgb(165, 42, 42) Name HEX RGB
burlywood #deb887 rgb(222, 184, 135) Name HEX RGB
cadetblue #5f9ea0 rgb(95, 158, 160) Name HEX RGB
chartreuse #7fff00 rgb(127, 255, 0) Name HEX RGB
chocolate #d2691e rgb(210, 105, 30) Name HEX RGB
coral #ff7f50 rgb(255, 127, 80) Name HEX RGB
cornflowerblue #6495ed rgb(100, 149, 237) Name HEX RGB
cornsilk #fff8dc rgb(255, 248, 220) Name HEX RGB
crimson #dc143c rgb(220, 20, 60) Name HEX RGB
cyan #00ffff rgb(0, 255, 255) Name HEX RGB
darkblue #00008b rgb(0, 0, 139) Name HEX RGB
darkcyan #008b8b rgb(0, 139, 139) Name HEX RGB
darkgoldenrod #b8860b rgb(184, 134, 11) Name HEX RGB
darkgray #a9a9a9 rgb(169, 169, 169) Name HEX RGB
darkgreen #006400 rgb(0, 100, 0) Name HEX RGB
darkgrey #a9a9a9 rgb(169, 169, 169) Name HEX RGB
darkkhaki #bdb76b rgb(189, 183, 107) Name HEX RGB
darkmagenta #8b008b rgb(139, 0, 139) Name HEX RGB
darkolivegreen #556b2f rgb(85, 107, 47) Name HEX RGB
darkorange #ff8c00 rgb(255, 140, 0) Name HEX RGB
darkorchid #9932cc rgb(153, 50, 204) Name HEX RGB
darkred #8b0000 rgb(139, 0, 0) Name HEX RGB
darksalmon #e9967a rgb(233, 150, 122) Name HEX RGB
darkseagreen #8fbc8f rgb(143, 188, 143) Name HEX RGB
darkslateblue #483d8b rgb(72, 61, 139) Name HEX RGB
darkslategray #2f4f4f rgb(47, 79, 79) Name HEX RGB
darkslategrey #2f4f4f rgb(47, 79, 79) Name HEX RGB
darkturquoise #00ced1 rgb(0, 206, 209) Name HEX RGB
darkviolet #9400d3 rgb(148, 0, 211) Name HEX RGB
deeppink #ff1493 rgb(255, 20, 147) Name HEX RGB
deepskyblue #00bfff rgb(0, 191, 255) Name HEX RGB
dimgray #696969 rgb(105, 105, 105) Name HEX RGB
dimgrey #696969 rgb(105, 105, 105) Name HEX RGB
dodgerblue #1e90ff rgb(30, 144, 255) Name HEX RGB
firebrick #b22222 rgb(178, 34, 34) Name HEX RGB
floralwhite #fffaf0 rgb(255, 250, 240) Name HEX RGB
forestgreen #228b22 rgb(34, 139, 34) Name HEX RGB
fuchsia #ff00ff rgb(255, 0, 255) Name HEX RGB
gainsboro #dcdcdc rgb(220, 220, 220) Name HEX RGB
ghostwhite #f8f8ff rgb(248, 248, 255) Name HEX RGB
gold #ffd700 rgb(255, 215, 0) Name HEX RGB
goldenrod #daa520 rgb(218, 165, 32) Name HEX RGB
gray #808080 rgb(128, 128, 128) Name HEX RGB
green #008000 rgb(0, 128, 0) Name HEX RGB
greenyellow #adff2f rgb(173, 255, 47) Name HEX RGB
grey #808080 rgb(128, 128, 128) Name HEX RGB
honeydew #f0fff0 rgb(240, 255, 240) Name HEX RGB
hotpink #ff69b4 rgb(255, 105, 180) Name HEX RGB
indianred #cd5c5c rgb(205, 92, 92) Name HEX RGB
indigo #4b0082 rgb(75, 0, 130) Name HEX RGB
ivory #fffff0 rgb(255, 255, 240) Name HEX RGB
khaki #f0e68c rgb(240, 230, 140) Name HEX RGB
lavender #e6e6fa rgb(230, 230, 250) Name HEX RGB
lavenderblush #fff0f5 rgb(255, 240, 245) Name HEX RGB
lawngreen #7cfc00 rgb(124, 252, 0) Name HEX RGB
lemonchiffon #fffacd rgb(255, 250, 205) Name HEX RGB
lightblue #add8e6 rgb(173, 216, 230) Name HEX RGB
lightcoral #f08080 rgb(240, 128, 128) Name HEX RGB
lightcyan #e0ffff rgb(224, 255, 255) Name HEX RGB
lightgoldenrodyellow #fafad2 rgb(250, 250, 210) Name HEX RGB
lightgray #d3d3d3 rgb(211, 211, 211) Name HEX RGB
lightgreen #90ee90 rgb(144, 238, 144) Name HEX RGB
lightgrey #d3d3d3 rgb(211, 211, 211) Name HEX RGB
lightpink #ffb6c1 rgb(255, 182, 193) Name HEX RGB
lightsalmon #ffa07a rgb(255, 160, 122) Name HEX RGB
lightseagreen #20b2aa rgb(32, 178, 170) Name HEX RGB
lightskyblue #87cefa rgb(135, 206, 250) Name HEX RGB
lightslategray #778899 rgb(119, 136, 153) Name HEX RGB
lightslategrey #778899 rgb(119, 136, 153) Name HEX RGB
lightsteelblue #b0c4de rgb(176, 196, 222) Name HEX RGB
lightyellow #ffffe0 rgb(255, 255, 224) Name HEX RGB
lime #00ff00 rgb(0, 255, 0) Name HEX RGB
limegreen #32cd32 rgb(50, 205, 50) Name HEX RGB
linen #faf0e6 rgb(250, 240, 230) Name HEX RGB
magenta #ff00ff rgb(255, 0, 255) Name HEX RGB
maroon #800000 rgb(128, 0, 0) Name HEX RGB
mediumaquamarine #66cdaa rgb(102, 205, 170) Name HEX RGB
mediumblue #0000cd rgb(0, 0, 205) Name HEX RGB
mediumorchid #ba55d3 rgb(186, 85, 211) Name HEX RGB
mediumpurple #9370db rgb(147, 112, 219) Name HEX RGB
mediumseagreen #3cb371 rgb(60, 179, 113) Name HEX RGB
mediumslateblue #7b68ee rgb(123, 104, 238) Name HEX RGB
mediumspringgreen #00fa9a rgb(0, 250, 154) Name HEX RGB
mediumturquoise #48d1cc rgb(72, 209, 204) Name HEX RGB
mediumvioletred #c71585 rgb(199, 21, 133) Name HEX RGB
midnightblue #191970 rgb(25, 25, 112) Name HEX RGB
mintcream #f5fffa rgb(245, 255, 250) Name HEX RGB
mistyrose #ffe4e1 rgb(255, 228, 225) Name HEX RGB
moccasin #ffe4b5 rgb(255, 228, 181) Name HEX RGB
navajowhite #ffdead rgb(255, 222, 173) Name HEX RGB
navy #000080 rgb(0, 0, 128) Name HEX RGB
oldlace #fdf5e6 rgb(253, 245, 230) Name HEX RGB
olive #808000 rgb(128, 128, 0) Name HEX RGB
olivedrab #6b8e23 rgb(107, 142, 35) Name HEX RGB
orange #ffa500 rgb(255, 165, 0) Name HEX RGB
orangered #ff4500 rgb(255, 69, 0) Name HEX RGB
orchid #da70d6 rgb(218, 112, 214) Name HEX RGB
palegoldenrod #eee8aa rgb(238, 232, 170) Name HEX RGB
palegreen #98fb98 rgb(152, 251, 152) Name HEX RGB
paleturquoise #afeeee rgb(175, 238, 238) Name HEX RGB
palevioletred #db7093 rgb(219, 112, 147) Name HEX RGB
papayawhip #ffefd5 rgb(255, 239, 213) Name HEX RGB
peachpuff #ffdab9 rgb(255, 218, 185) Name HEX RGB
peru #cd853f rgb(205, 133, 63) Name HEX RGB
pink #ffc0cb rgb(255, 192, 203) Name HEX RGB
plum #dda0dd rgb(221, 160, 221) Name HEX RGB
powderblue #b0e0e6 rgb(176, 224, 230) Name HEX RGB
purple #800080 rgb(128, 0, 128) Name HEX RGB
rebeccapurple #663399 rgb(102, 51, 153) Name HEX RGB
red #ff0000 rgb(255, 0, 0) Name HEX RGB
rosybrown #bc8f8f rgb(188, 143, 143) Name HEX RGB
royalblue #4169e1 rgb(65, 105, 225) Name HEX RGB
saddlebrown #8b4513 rgb(139, 69, 19) Name HEX RGB
salmon #fa8072 rgb(250, 128, 114) Name HEX RGB
sandybrown #f4a460 rgb(244, 164, 96) Name HEX RGB
seagreen #2e8b57 rgb(46, 139, 87) Name HEX RGB
seashell #fff5ee rgb(255, 245, 238) Name HEX RGB
sienna #a0522d rgb(160, 82, 45) Name HEX RGB
silver #c0c0c0 rgb(192, 192, 192) Name HEX RGB
skyblue #87ceeb rgb(135, 206, 235) Name HEX RGB
slateblue #6a5acd rgb(106, 90, 205) Name HEX RGB
slategray #708090 rgb(112, 128, 144) Name HEX RGB
slategrey #708090 rgb(112, 128, 144) Name HEX RGB
snow #fffafa rgb(255, 250, 250) Name HEX RGB
springgreen #00ff7f rgb(0, 255, 127) Name HEX RGB
steelblue #4682b4 rgb(70, 130, 180) Name HEX RGB
tan #d2b48c rgb(210, 180, 140) Name HEX RGB
teal #008080 rgb(0, 128, 128) Name HEX RGB
thistle #d8bfd8 rgb(216, 191, 216) Name HEX RGB
tomato #ff6347 rgb(255, 99, 71) Name HEX RGB
turquoise #40e0d0 rgb(64, 224, 208) Name HEX RGB
violet #ee82ee rgb(238, 130, 238) Name HEX RGB
wheat #f5deb3 rgb(245, 222, 179) Name HEX RGB
white #ffffff rgb(255, 255, 255) Name HEX RGB
whitesmoke #f5f5f5 rgb(245, 245, 245) Name HEX RGB
yellow #ffff00 rgb(255, 255, 0) Name HEX RGB
yellowgreen #9acd32 rgb(154, 205, 50) Name HEX RGB
About CSS Color Names Find the name of any color, and browse all 148 CSS named colors. Enter a HEX, RGB, HSL or OKLCH value to get the nearest CSS keyword and the nearest everyday color name, with how close the match is. Search, filter by hue and sort the full list, and copy any name, HEX or RGB value.
How to Find a Color Name & FAQs How to Find a Color Name 1 Type or pick a color under Name That Color — HEX, RGB, HSL and OKLCH all work. 2 Read the nearest CSS named color (a keyword you can use directly in CSS) and the nearest everyday color name, with a label for how close each match is. 3 Copy a name or its hex value with the buttons under each match. 4 Browse the full list of CSS named colors below: search by name or hex, filter by hue family, and sort by name, hue or lightness. 5 Click a color to copy its name, or hover it to copy the HEX or RGB value. The CSS output shows the color you picked as a ready-to-use declaration. Frequently Asked Questions How many named colors does CSS have? 148. CSS Color Module Level 4 defines 148 color keywords, such as tomato, rebeccapurple and cornflowerblue. That count includes duplicate spellings: every keyword with gray also has a grey version (darkgray and darkgrey, for example), and aqua/cyan and fuchsia/magenta are the same colors. There are also special keywords like transparent and currentColor, which aren't fixed colors.
How does the color name finder pick a name? It converts your color and every named color to OKLab, a color space built around how people see color, and picks the name with the smallest distance. That distance is shown as ΔE: around 1 is barely noticeable, and under 5 is very close.
What is the difference between the two matches? The nearest CSS named color is always a valid CSS keyword, so you can write it straight into your stylesheet. The nearest color name searches a larger list of everyday names, such as Prussian Blue, Sage or Terracotta, so it often finds a closer, more descriptive name — but those names aren't CSS keywords.
Are CSS color names case-sensitive? No. Tomato, TOMATO and tomato all work. Lowercase is the usual convention.
Why does CSS have a color called rebeccapurple? It was added in 2014 in memory of Rebecca Meyer, daughter of CSS pioneer Eric Meyer. Its value is #663399.
Related Tools More free CSS generators you might like.
