List of all 147 CSS Color Names with Hex Codes
This is a list of all color-names that can be used in CSS, and thus on SankeyDiagram.net.
You can click each color-name or code to copy it to your keyboard.
For learning on how to use these custom colors, refer to the SankeyDiagram.net User Guide for more information.
Swatch
Color Name
Color Code
aliceblue
hex: #f0f8ff
rgb(240, 248, 255)
hsl(208deg 100% 97%)
hsv(208deg 6% 100%)
antiquewhite
hex: #faebd7
rgb(250, 235, 215)
hsl(34deg 78% 91%)
hsv(34deg 14% 98%)
aqua
hex: #00ffff
rgb(0, 255, 255)
hsl(180deg 100% 50%)
hsv(180deg 100% 100%)
aquamarine
hex: #7fffd4
rgb(127, 255, 212)
hsl(160deg 100% 75%)
hsv(160deg 50% 100%)
azure
hex: #f0ffff
rgb(240, 255, 255)
hsl(180deg 100% 97%)
hsv(180deg 6% 100%)
beige
hex: #f5f5dc
rgb(245, 245, 220)
hsl(60deg 56% 91%)
hsv(60deg 10% 96%)
bisque
hex: #ffe4c4
rgb(255, 228, 196)
hsl(33deg 100% 88%)
hsv(33deg 23% 100%)
black
hex: #000000
rgb(0, 0, 0)
hsl(0deg 0% 0%)
hsv(0deg 0% 0%)
blanchedalmond
hex: #ffebcd
rgb(255, 235, 205)
hsl(36deg 100% 90%)
hsv(36deg 20% 100%)
blue
hex: #0000ff
rgb(0, 0, 255)
hsl(240deg 100% 50%)
hsv(240deg 100% 100%)
blueviolet
hex: #8a2be2
rgb(138, 43, 226)
hsl(271deg 76% 53%)
hsv(271deg 81% 89%)
brown
hex: #a52a2a
rgb(165, 42, 42)
hsl(0deg 59% 41%)
hsv(0deg 75% 65%)
burlywood
hex: #deb887
rgb(222, 184, 135)
hsl(34deg 57% 70%)
hsv(34deg 39% 87%)
cadetblue
hex: #5f9ea0
rgb(95, 158, 160)
hsl(182deg 25% 50%)
hsv(182deg 41% 63%)
chartreuse
hex: #7fff00
rgb(127, 255, 0)
hsl(90deg 100% 50%)
hsv(90deg 100% 100%)
chocolate
hex: #d2691e
rgb(210, 105, 30)
hsl(25deg 75% 47%)
hsv(25deg 86% 82%)
coral
hex: #ff7f50
rgb(255, 127, 80)
hsl(16deg 100% 66%)
hsv(16deg 69% 100%)
cornflowerblue
hex: #6495ed
rgb(100, 149, 237)
hsl(219deg 79% 66%)
hsv(219deg 58% 93%)
cornsilk
hex: #fff8dc
rgb(255, 248, 220)
hsl(48deg 100% 93%)
hsv(48deg 14% 100%)
crimson
hex: #dc143c
rgb(220, 20, 60)
hsl(348deg 83% 47%)
hsv(348deg 91% 86%)
cyan
hex: #00ffff
rgb(0, 255, 255)
hsl(180deg 100% 50%)
hsv(180deg 100% 100%)
darkblue
hex: #00008b
rgb(0, 0, 139)
hsl(240deg 100% 27%)
hsv(240deg 100% 55%)
darkcyan
hex: #008b8b
rgb(0, 139, 139)
hsl(180deg 100% 27%)
hsv(180deg 100% 55%)
darkgoldenrod
hex: #b8860b
rgb(184, 134, 11)
hsl(43deg 89% 38%)
hsv(43deg 94% 72%)
darkgray
hex: #a9a9a9
rgb(169, 169, 169)
hsl(0deg 0% 66%)
hsv(0deg 0% 66%)
darkgrey
hex: #a9a9a9
rgb(169, 169, 169)
hsl(0deg 0% 66%)
hsv(0deg 0% 66%)
darkgreen
hex: #006400
rgb(0, 100, 0)
hsl(120deg 100% 20%)
hsv(120deg 100% 39%)
darkkhaki
hex: #bdb76b
rgb(189, 183, 107)
hsl(56deg 38% 58%)
hsv(56deg 43% 74%)
darkmagenta
hex: #8b008b
rgb(139, 0, 139)
hsl(300deg 100% 27%)
hsv(300deg 100% 55%)
darkolivegreen
hex: #556b2f
rgb(85, 107, 47)
hsl(82deg 39% 30%)
hsv(82deg 56% 42%)
darkorange
hex: #ff8c00
rgb(255, 140, 0)
hsl(33deg 100% 50%)
hsv(33deg 100% 100%)
darkorchid
hex: #9932cc
rgb(153, 50, 204)
hsl(280deg 61% 50%)
hsv(280deg 75% 80%)
darkred
hex: #8b0000
rgb(139, 0, 0)
hsl(0deg 100% 27%)
hsv(0deg 100% 55%)
darksalmon
hex: #e9967a
rgb(233, 150, 122)
hsl(15deg 72% 70%)
hsv(15deg 48% 91%)
darkseagreen
hex: #8fbc8f
rgb(143, 188, 143)
hsl(120deg 25% 65%)
hsv(120deg 24% 74%)
darkslateblue
hex: #483d8b
rgb(72, 61, 139)
hsl(248deg 39% 39%)
hsv(248deg 56% 55%)
darkslategray
hex: #2f4f4f
rgb(47, 79, 79)
hsl(180deg 25% 25%)
hsv(180deg 41% 31%)
darkslategrey
hex: #2f4f4f
rgb(47, 79, 79)
hsl(180deg 25% 25%)
hsv(180deg 41% 31%)
darkturquoise
hex: #00ced1
rgb(0, 206, 209)
hsl(181deg 100% 41%)
hsv(181deg 100% 82%)
darkviolet
hex: #9400d3
rgb(148, 0, 211)
hsl(282deg 100% 41%)
hsv(282deg 100% 83%)
deeppink
hex: #ff1493
rgb(255, 20, 147)
hsl(328deg 100% 54%)
hsv(328deg 92% 100%)
deepskyblue
hex: #00bfff
rgb(0, 191, 255)
hsl(195deg 100% 50%)
hsv(195deg 100% 100%)
dimgray
hex: #696969
rgb(105, 105, 105)
hsl(0deg 0% 41%)
hsv(0deg 0% 41%)
dimgrey
hex: #696969
rgb(105, 105, 105)
hsl(0deg 0% 41%)
hsv(0deg 0% 41%)
dodgerblue
hex: #1e90ff
rgb(30, 144, 255)
hsl(210deg 100% 56%)
hsv(210deg 88% 100%)
firebrick
hex: #b22222
rgb(178, 34, 34)
hsl(0deg 68% 42%)
hsv(0deg 81% 70%)
floralwhite
hex: #fffaf0
rgb(255, 250, 240)
hsl(40deg 100% 97%)
hsv(40deg 6% 100%)
forestgreen
hex: #228b22
rgb(34, 139, 34)
hsl(120deg 61% 34%)
hsv(120deg 76% 55%)
fuchsia
hex: #ff00ff
rgb(255, 0, 255)
hsl(300deg 100% 50%)
hsv(300deg 100% 100%)
gainsboro
hex: #dcdcdc
rgb(220, 220, 220)
hsl(0deg 0% 86%)
hsv(0deg 0% 86%)
ghostwhite
hex: #f8f8ff
rgb(248, 248, 255)
hsl(240deg 100% 99%)
hsv(240deg 3% 100%)
gold
hex: #ffd700
rgb(255, 215, 0)
hsl(51deg 100% 50%)
hsv(51deg 100% 100%)
goldenrod
hex: #daa520
rgb(218, 165, 32)
hsl(43deg 74% 49%)
hsv(43deg 85% 85%)
gray
hex: #808080
rgb(128, 128, 128)
hsl(0deg 0% 50%)
hsv(0deg 0% 50%)
grey
hex: #808080
rgb(128, 128, 128)
hsl(0deg 0% 50%)
hsv(0deg 0% 50%)
green
hex: #008000
rgb(0, 128, 0)
hsl(120deg 100% 25%)
hsv(120deg 100% 50%)
greenyellow
hex: #adff2f
rgb(173, 255, 47)
hsl(84deg 100% 59%)
hsv(84deg 82% 100%)
honeydew
hex: #f0fff0
rgb(240, 255, 240)
hsl(120deg 100% 97%)
hsv(120deg 6% 100%)
hotpink
hex: #ff69b4
rgb(255, 105, 180)
hsl(330deg 100% 71%)
hsv(330deg 59% 100%)
indianred
hex: #cd5c5c
rgb(205, 92, 92)
hsl(0deg 53% 58%)
hsv(0deg 55% 80%)
indigo
hex: #4b0082
rgb(75, 0, 130)
hsl(275deg 100% 25%)
hsv(275deg 100% 51%)
ivory
hex: #fffff0
rgb(255, 255, 240)
hsl(60deg 100% 97%)
hsv(60deg 6% 100%)
khaki
hex: #f0e68c
rgb(240, 230, 140)
hsl(54deg 77% 75%)
hsv(54deg 42% 94%)
lavender
hex: #e6e6fa
rgb(230, 230, 250)
hsl(240deg 67% 94%)
hsv(240deg 8% 98%)
lavenderblush
hex: #fff0f5
rgb(255, 240, 245)
hsl(340deg 100% 97%)
hsv(340deg 6% 100%)
lawngreen
hex: #7cfc00
rgb(124, 252, 0)
hsl(90deg 100% 49%)
hsv(90deg 100% 99%)
lemonchiffon
hex: #fffacd
rgb(255, 250, 205)
hsl(54deg 100% 90%)
hsv(54deg 20% 100%)
lightblue
hex: #add8e6
rgb(173, 216, 230)
hsl(195deg 53% 79%)
hsv(195deg 25% 90%)
lightcoral
hex: #f08080
rgb(240, 128, 128)
hsl(0deg 79% 72%)
hsv(0deg 47% 94%)
lightcyan
hex: #e0ffff
rgb(224, 255, 255)
hsl(180deg 100% 94%)
hsv(180deg 12% 100%)
lightgoldenrodyellow
hex: #fafad2
rgb(250, 250, 210)
hsl(60deg 80% 90%)
hsv(60deg 16% 98%)
lightgray
hex: #d3d3d3
rgb(211, 211, 211)
hsl(0deg 0% 83%)
hsv(0deg 0% 83%)
lightgrey
hex: #d3d3d3
rgb(211, 211, 211)
hsl(0deg 0% 83%)
hsv(0deg 0% 83%)
lightgreen
hex: #90ee90
rgb(144, 238, 144)
hsl(120deg 73% 75%)
hsv(120deg 39% 93%)
lightpink
hex: #ffb6c1
rgb(255, 182, 193)
hsl(351deg 100% 86%)
hsv(351deg 29% 100%)
lightsalmon
hex: #ffa07a
rgb(255, 160, 122)
hsl(17deg 100% 74%)
hsv(17deg 52% 100%)
lightseagreen
hex: #20b2aa
rgb(32, 178, 170)
hsl(177deg 70% 41%)
hsv(177deg 82% 70%)
lightskyblue
hex: #87cefa
rgb(135, 206, 250)
hsl(203deg 92% 75%)
hsv(203deg 46% 98%)
lightslategray
hex: #778899
rgb(119, 136, 153)
hsl(210deg 14% 53%)
hsv(210deg 22% 60%)
lightslategrey
hex: #778899
rgb(119, 136, 153)
hsl(210deg 14% 53%)
hsv(210deg 22% 60%)
lightsteelblue
hex: #b0c4de
rgb(176, 196, 222)
hsl(214deg 41% 78%)
hsv(214deg 21% 87%)
lightyellow
hex: #ffffe0
rgb(255, 255, 224)
hsl(60deg 100% 94%)
hsv(60deg 12% 100%)
lime
hex: #00ff00
rgb(0, 255, 0)
hsl(120deg 100% 50%)
hsv(120deg 100% 100%)
limegreen
hex: #32cd32
rgb(50, 205, 50)
hsl(120deg 61% 50%)
hsv(120deg 76% 80%)
linen
hex: #faf0e6
rgb(250, 240, 230)
hsl(30deg 67% 94%)
hsv(30deg 8% 98%)
magenta
hex: #ff00ff
rgb(255, 0, 255)
hsl(300deg 100% 50%)
hsv(300deg 100% 100%)
maroon
hex: #800000
rgb(128, 0, 0)
hsl(0deg 100% 25%)
hsv(0deg 100% 50%)
mediumaquamarine
hex: #66cdaa
rgb(102, 205, 170)
hsl(160deg 51% 60%)
hsv(160deg 50% 80%)
mediumblue
hex: #0000cd
rgb(0, 0, 205)
hsl(240deg 100% 40%)
hsv(240deg 100% 80%)
mediumorchid
hex: #ba55d3
rgb(186, 85, 211)
hsl(288deg 59% 58%)
hsv(288deg 60% 83%)
mediumpurple
hex: #9370db
rgb(147, 112, 219)
hsl(260deg 60% 65%)
hsv(260deg 49% 86%)
mediumseagreen
hex: #3cb371
rgb(60, 179, 113)
hsl(147deg 50% 47%)
hsv(147deg 66% 70%)
mediumslateblue
hex: #7b68ee
rgb(123, 104, 238)
hsl(249deg 80% 67%)
hsv(249deg 56% 93%)
mediumspringgreen
hex: #00fa9a
rgb(0, 250, 154)
hsl(157deg 100% 49%)
hsv(157deg 100% 98%)
mediumturquoise
hex: #48d1cc
rgb(72, 209, 204)
hsl(178deg 60% 55%)
hsv(178deg 66% 82%)
mediumvioletred
hex: #c71585
rgb(199, 21, 133)
hsl(322deg 81% 43%)
hsv(322deg 89% 78%)
midnightblue
hex: #191970
rgb(25, 25, 112)
hsl(240deg 64% 27%)
hsv(240deg 78% 44%)
mintcream
hex: #f5fffa
rgb(245, 255, 250)
hsl(150deg 100% 98%)
hsv(150deg 4% 100%)
mistyrose
hex: #ffe4e1
rgb(255, 228, 225)
hsl(6deg 100% 94%)
hsv(6deg 12% 100%)
moccasin
hex: #ffe4b5
rgb(255, 228, 181)
hsl(38deg 100% 85%)
hsv(38deg 29% 100%)
navajowhite
hex: #ffdead
rgb(255, 222, 173)
hsl(36deg 100% 84%)
hsv(36deg 32% 100%)
navy
hex: #000080
rgb(0, 0, 128)
hsl(240deg 100% 25%)
hsv(240deg 100% 50%)
oldlace
hex: #fdf5e6
rgb(253, 245, 230)
hsl(39deg 85% 95%)
hsv(39deg 9% 99%)
olive
hex: #808000
rgb(128, 128, 0)
hsl(60deg 100% 25%)
hsv(60deg 100% 50%)
olivedrab
hex: #6b8e23
rgb(107, 142, 35)
hsl(80deg 60% 35%)
hsv(80deg 75% 56%)
orange
hex: #ffa500
rgb(255, 165, 0)
hsl(39deg 100% 50%)
hsv(39deg 100% 100%)
orangered
hex: #ff4500
rgb(255, 69, 0)
hsl(16deg 100% 50%)
hsv(16deg 100% 100%)
orchid
hex: #da70d6
rgb(218, 112, 214)
hsl(302deg 59% 65%)
hsv(302deg 49% 85%)
palegoldenrod
hex: #eee8aa
rgb(238, 232, 170)
hsl(55deg 67% 80%)
hsv(55deg 29% 93%)
palegreen
hex: #98fb98
rgb(152, 251, 152)
hsl(120deg 93% 79%)
hsv(120deg 39% 98%)
paleturquoise
hex: #afeeee
rgb(175, 238, 238)
hsl(180deg 65% 81%)
hsv(180deg 26% 93%)
palevioletred
hex: #db7093
rgb(219, 112, 147)
hsl(340deg 60% 65%)
hsv(340deg 49% 86%)
papayawhip
hex: #ffefd5
rgb(255, 239, 213)
hsl(37deg 100% 92%)
hsv(37deg 16% 100%)
peachpuff
hex: #ffdab9
rgb(255, 218, 185)
hsl(28deg 100% 86%)
hsv(28deg 27% 100%)
peru
hex: #cd853f
rgb(205, 133, 63)
hsl(30deg 59% 53%)
hsv(30deg 69% 80%)
pink
hex: #ffc0cb
rgb(255, 192, 203)
hsl(350deg 100% 88%)
hsv(350deg 25% 100%)
plum
hex: #dda0dd
rgb(221, 160, 221)
hsl(300deg 47% 75%)
hsv(300deg 28% 87%)
powderblue
hex: #b0e0e6
rgb(176, 224, 230)
hsl(187deg 52% 80%)
hsv(187deg 23% 90%)
purple
hex: #800080
rgb(128, 0, 128)
hsl(300deg 100% 25%)
hsv(300deg 100% 50%)
red
hex: #ff0000
rgb(255, 0, 0)
hsl(0deg 100% 50%)
hsv(0deg 100% 100%)
rosybrown
hex: #bc8f8f
rgb(188, 143, 143)
hsl(0deg 25% 65%)
hsv(0deg 24% 74%)
royalblue
hex: #4169e1
rgb(65, 105, 225)
hsl(225deg 73% 57%)
hsv(225deg 71% 88%)
saddlebrown
hex: #8b4513
rgb(139, 69, 19)
hsl(25deg 76% 31%)
hsv(25deg 86% 55%)
salmon
hex: #fa8072
rgb(250, 128, 114)
hsl(6deg 93% 71%)
hsv(6deg 54% 98%)
sandybrown
hex: #f4a460
rgb(244, 164, 96)
hsl(28deg 87% 67%)
hsv(28deg 61% 96%)
seagreen
hex: #2e8b57
rgb(46, 139, 87)
hsl(146deg 50% 36%)
hsv(146deg 67% 55%)
seashell
hex: #fff5ee
rgb(255, 245, 238)
hsl(25deg 100% 97%)
hsv(25deg 7% 100%)
sienna
hex: #a0522d
rgb(160, 82, 45)
hsl(19deg 56% 40%)
hsv(19deg 72% 63%)
silver
hex: #c0c0c0
rgb(192, 192, 192)
hsl(0deg 0% 75%)
hsv(0deg 0% 75%)
skyblue
hex: #87ceeb
rgb(135, 206, 235)
hsl(197deg 71% 73%)
hsv(197deg 43% 92%)
slateblue
hex: #6a5acd
rgb(106, 90, 205)
hsl(248deg 53% 58%)
hsv(248deg 56% 80%)
slategray
hex: #708090
rgb(112, 128, 144)
hsl(210deg 13% 50%)
hsv(210deg 22% 56%)
slategrey
hex: #708090
rgb(112, 128, 144)
hsl(210deg 13% 50%)
hsv(210deg 22% 56%)
snow
hex: #fffafa
rgb(255, 250, 250)
hsl(0deg 100% 99%)
hsv(0deg 2% 100%)
springgreen
hex: #00ff7f
rgb(0, 255, 127)
hsl(150deg 100% 50%)
hsv(150deg 100% 100%)
steelblue
hex: #4682b4
rgb(70, 130, 180)
hsl(207deg 44% 49%)
hsv(207deg 61% 71%)
tan
hex: #d2b48c
rgb(210, 180, 140)
hsl(34deg 44% 69%)
hsv(34deg 33% 82%)
teal
hex: #008080
rgb(0, 128, 128)
hsl(180deg 100% 25%)
hsv(180deg 100% 50%)
thistle
hex: #d8bfd8
rgb(216, 191, 216)
hsl(300deg 24% 80%)
hsv(300deg 12% 85%)
tomato
hex: #ff6347
rgb(255, 99, 71)
hsl(9deg 100% 64%)
hsv(9deg 72% 100%)
turquoise
hex: #40e0d0
rgb(64, 224, 208)
hsl(174deg 72% 56%)
hsv(174deg 71% 88%)
violet
hex: #ee82ee
rgb(238, 130, 238)
hsl(300deg 76% 72%)
hsv(300deg 45% 93%)
wheat
hex: #f5deb3
rgb(245, 222, 179)
hsl(39deg 77% 83%)
hsv(39deg 27% 96%)
white
hex: #ffffff
rgb(255, 255, 255)
hsl(0deg 0% 100%)
hsv(0deg 0% 100%)
whitesmoke
hex: #f5f5f5
rgb(245, 245, 245)
hsl(0deg 0% 96%)
hsv(0deg 0% 96%)
yellow
hex: #ffff00
rgb(255, 255, 0)
hsl(60deg 100% 50%)
hsv(60deg 100% 100%)
yellowgreen
hex: #9acd32
rgb(154, 205, 50)
hsl(80deg 61% 50%)
hsv(80deg 76% 80%)
rebeccapurple
hex: #663399
rgb(102, 51, 153)
hsl(270deg 50% 40%)
hsv(270deg 67% 60%)
About named-colors in CSS and their history
Named-colors are a collection of predefined colors specified in the CSS color specification (see the official CSS Color Module Level 4 specification document; https://drafts.csswg.org/css-color/#named-colors). These colors allow developers and users to easily use common hues without needing to know precise color codes (e.g. hex-code, rgb-code, or hsl-code).
Among the list of named-colors, 16 of them originated from the original VGA color-palette, a set of colors that was defined and used in early computer graphics. These 16 colors were later adapted into the HTML/CSS standard to bridge the transition from early graphical systems to more modern web development. The 16 VGA colors were combined with a big set of additional colors, totaling 147 color names that are now widely-supported in all browsers.
The later SVG (Scalable Vector Graphics) Standard, widely used for creating scalable images on the web and in other computing contexts, has also adapted the named-colors list. This allowing developrs and designers to also use the same color names as in web development for authoring SVG graphics instead of having to rely on specific color codes, and allowing to adapt already existing web designs into SVGs.
While not part of the official standard, there is also an additional named-color that is supported by major browsers including Chrome; "rebeccapurple" (#663399). This distinctive shade of purple was added by Eric A. Mayer, one of the driving forces of authoring and development of the initial CSS 1 standard, as a tribute to the memory of his second daughter.
All 147 standardized color names, plus the 1 additional "rebeccapurple", are supported by SankeyDiagram.net. Refer to the SankeyDiagram.net User Guide for more information on using these custom colors in your Sankey Charts.