All 148 color names defined by the CSS Color Module Level 4 (as of the 22 May 2017 version), along with their equivalents in both styles of RGB, HSL, hexadecimal, and three-digit hex shorthand (when applicable).
As of late 2017, there were several new color notations being considered, such as hwb()
, gray()
, lab()
, lch()
, and more. These color types are not included in this table due to their lack of support and uncertain future.
Color name | RGB decimal | RGB percentage | HSL | Hexadecimal |
---|---|---|---|---|
aliceblue
|
rgb(240,248,255)
|
rgb(94.1%,97.3%,100%)
|
hsl(208,100%,97.1%)
|
#F0F8FF
|
antiquewhite
|
rgb(250,235,215)
|
rgb(98%,92.2%,84.3%)
|
hsl(34,77.8%,91.2%)
|
#FAEBD7
|
aqua
|
rgb(0,255,255)
|
rgb(0%,100%,100%)
|
hsl(180,100%,50%)
|
#00FFFF /#0FF
|
aquamarine
|
rgb(127,255,212)
|
rgb(49.8%,100%,83.1%)
|
hsl(160,100%,74.9%)
|
#7FFFD4
|
azure
|
rgb(240,255,255)
|
rgb(94.1%,100%,100%)
|
hsl(180,100%,97.1%)
|
#F0FFFF
|
beige
|
rgb(245,245,220)
|
rgb(96.1%,96.1%,86.3%)
|
hsl(60,55.6%,91.2%)
|
#F5F5DC
|
bisque
|
rgb(255,228,196)
|
rgb(100%,89.4%,76.9%)
|
hsl(33,100%,88.4%)
|
#FFE4C4
|
black
|
rgb(0,0,0)
|
rgb(0%,0%,0%)
|
hsl(0,0%,0%)
|
#000000 /#000
|
blanchedalmond
|
rgb(255,235,205)
|
rgb(100%,92.2%,80.4%)
|
hsl(36,100%,90.2%)
|
#FFEBCD
|
blue
|
rgb(0,0,255)
|
rgb(0%,0%,100%)
|
hsl(240,100%,50%)
|
#0000FF /#00F
|
blueviolet
|
rgb(138,43,226)
|
rgb(54.1%,16.9%,88.6%)
|
hsl(271,75.9%,52.7%)
|
#8A2BE2
|
brown
|
rgb(165,42,42)
|
rgb(64.7%,16.5%,16.5%)
|
hsl(0,59.4%,40.6%)
|
#A52A2A
|
burlywood
|
rgb(222,184,135)
|
rgb(87.1%,72.2%,52.9%)
|
hsl(34,56.9%,70%)
|
#DEB887
|
cadetblue
|
rgb(95,158,160)
|
rgb(37.3%,62%,62.7%)
|
hsl(182,25.5%,50%)
|
#5F9EA0
|
chartreuse
|
rgb(127,255,0)
|
rgb(49.8%,100%,0%)
|
hsl(90,100%,50%)
|
#7FFF00
|
chocolate
|
rgb(210,105,30)
|
rgb(82.4%,41.2%,11.8%)
|
hsl(25,75%,47.1%)
|
#D2691E
|
coral
|
rgb(255,127,80)
|
rgb(100%,49.8%,31.4%)
|
hsl(16,100%,65.7%)
|
#FF7F50
|
cornflowerblue
|
rgb(100,149,237)
|
rgb(39.2%,58.4%,92.9%)
|
hsl(219,79.2%,66.1%)
|
#6495ED
|
cornsilk
|
rgb(255,248,220)
|
rgb(100%,97.3%,86.3%)
|
hsl(48,100%,93.1%)
|
#FFF8DC
|
crimson
|
rgb(220,20,60)
|
rgb(86.3%,7.8%,23.5%)
|
hsl(348,83.3%,47.1%)
|
#DC143C
|
cyan
|
rgb(0,255,255)
|
rgb(0%,100%,100%)
|
hsl(180,100%,50%)
|
#00FFFF /#0FF
|
darkblue
|
rgb(0,0,139)
|
rgb(0%,0%,54.5%)
|
hsl(240,100%,27.3%)
|
#00008B
|
darkcyan
|
rgb(0,139,139)
|
rgb(0%,54.5%,54.5%)
|
hsl(180,100%,27.3%)
|
#008B8B
|
darkgoldenrod
|
rgb(184,134,11)
|
rgb(72.2%,52.5%,4.3%)
|
hsl(43,88.7%,38.2%)
|
#B8860B
|
darkgray
|
rgb(169,169,169)
|
rgb(66.3%,66.3%,66.3%)
|
hsl(0,0%,66.3%)
|
#A9A9A9
|
darkgreen
|
rgb(0,100,0)
|
rgb(0%,39.2%,0%)
|
hsl(120,100%,19.6%)
|
#006400
|
darkgrey
|
rgb(169,169,169)
|
rgb(66.3%,66.3%,66.3%)
|
hsl(0,0%,66.3%)
|
#A9A9A9
|
darkkhaki
|
rgb(189,183,107)
|
rgb(74.1%,71.8%,42%)
|
hsl(56,38.3%,58%)
|
#BDB76B
|
darkmagenta
|
rgb(139,0,139)
|
rgb(54.5%,0%,54.5%)
|
hsl(300,100%,27.3%)
|
#8B008B
|
darkolivegreen
|
rgb(85,107,47)
|
rgb(33.3%,42%,18.4%)
|
hsl(82,39%,30.2%)
|
#556B2F
|
darkorange
|
rgb(255,140,0)
|
rgb(100%,54.9%,0%)
|
hsl(33,100%,50%)
|
#FF8C00
|
darkorchid
|
rgb(153,50,204)
|
rgb(60%,19.6%,80%)
|
hsl(280,60.6%,49.8%)
|
#9932CC
|
darkred
|
rgb(139,0,0)
|
rgb(54.5%,0%,0%)
|
hsl(0,100%,27.3%)
|
#8B0000
|
darksalmon
|
rgb(233,150,122)
|
rgb(91.4%,58.8%,47.8%)
|
hsl(15,71.6%,69.6%)
|
#E9967A
|
darkseagreen
|
rgb(143,188,143)
|
rgb(56.1%,73.7%,56.1%)
|
hsl(120,25.1%,64.9%)
|
#8FBC8F
|
darkslateblue
|
rgb(72,61,139)
|
rgb(28.2%,23.9%,54.5%)
|
hsl(248,39%,39.2%)
|
#483D8B
|
darkslategray
|
rgb(47,79,79)
|
rgb(18.4%,31%,31%)
|
hsl(180,25.4%,24.7%)
|
#2F4F4F
|
darkslategrey
|
rgb(47,79,79)
|
rgb(18.4%,31%,31%)
|
hsl(180,25.4%,24.7%)
|
#2F4F4F
|
darkturquoise
|
rgb(0,206,209)
|
rgb(0%,80.8%,82%)
|
hsl(181,100%,41%)
|
#00CED1
|
darkviolet
|
rgb(148,0,211)
|
rgb(58%,0%,82.7%)
|
hsl(282,100%,41.4%)
|
#9400D3
|
deeppink
|
rgb(255,20,147)
|
rgb(100%,7.8%,57.6%)
|
hsl(328,100%,53.9%)
|
#FF1493
|
deepskyblue
|
rgb(0,191,255)
|
rgb(0%,74.9%,100%)
|
hsl(195,100%,50%)
|
#00BFFF
|
dimgray
|
rgb(105,105,105)
|
rgb(41.2%,41.2%,41.2%)
|
hsl(0,0%,41.2%)
|
#696969
|
dimgrey
|
rgb(105,105,105)
|
rgb(41.2%,41.2%,41.2%)
|
hsl(0,0%,41.2%)
|
#696969
|
dodgerblue
|
rgb(30,144,255)
|
rgb(11.8%,56.5%,100%)
|
hsl(210,100%,55.9%)
|
#1E90FF
|
firebrick
|
rgb(178,34,34)
|
rgb(69.8%,13.3%,13.3%)
|
hsl(0,67.9%,41.6%)
|
#B22222
|
floralwhite
|
rgb(255,250,240)
|
rgb(100%,98%,94.1%)
|
hsl(40,100%,97.1%)
|
#FFFAF0
|
forestgreen
|
rgb(34,139,34)
|
rgb(13.3%,54.5%,13.3%)
|
hsl(120,60.7%,33.9%)
|
#228B22
|
fuchsia
|
rgb(255,0,255)
|
rgb(100%,0%,100%)
|
hsl(300,100%,50%)
|
#FF00FF /#F0F
|
gainsboro
|
rgb(220,220,220)
|
rgb(86.3%,86.3%,86.3%)
|
hsl(0,0%,86.3%)
|
#DCDCDC
|
ghostwhite
|
rgb(248,248,255)
|
rgb(97.3%,97.3%,100%)
|
hsl(240,100%,98.6%)
|
#F8F8FF
|
gold
|
rgb(255,215,0)
|
rgb(100%,84.3%,0%)
|
hsl(51,100%,50%)
|
#FFD700
|
goldenrod
|
rgb(218,165,32)
|
rgb(85.5%,64.7%,12.5%)
|
hsl(43,74.4%,49%)
|
#DAA520
|
gray
|
rgb(128,128,128)
|
rgb(50.2%,50.2%,50.2%)
|
hsl(0,0%,50.2%)
|
#808080
|
green
|
rgb(0,128,0)
|
rgb(0%,50.2%,0%)
|
hsl(120,100%,25.1%)
|
#008000
|
greenyellow
|
rgb(173,255,47)
|
rgb(67.8%,100%,18.4%)
|
hsl(84,100%,59.2%)
|
#ADFF2F
|
grey
|
rgb(128,128,128)
|
rgb(50.2%,50.2%,50.2%)
|
hsl(0,0%,50.2%)
|
#808080
|
honeydew
|
rgb(240,255,240)
|
rgb(94.1%,100%,94.1%)
|
hsl(120,100%,97.1%)
|
#F0FFF0
|
hotpink
|
rgb(255,105,180)
|
rgb(100%,41.2%,70.6%)
|
hsl(330,100%,70.6%)
|
#FF69B4
|
indianred
|
rgb(205,92,92)
|
rgb(80.4%,36.1%,36.1%)
|
hsl(0,53.1%,58.2%)
|
#CD5C5C
|
indigo
|
rgb(75,0,130)
|
rgb(29.4%,0%,51%)
|
hsl(275,100%,25.5%)
|
#4B0082
|
ivory
|
rgb(255,255,240)
|
rgb(100%,100%,94.1%)
|
hsl(60,100%,97.1%)
|
#FFFFF0
|
khaki
|
rgb(240,230,140)
|
rgb(94.1%,90.2%,54.9%)
|
hsl(54,76.9%,74.5%)
|
#F0E68C
|
lavender
|
rgb(230,230,250)
|
rgb(90.2%,90.2%,98%)
|
hsl(240,66.7%,94.1%)
|
#E6E6FA
|
lavenderblush
|
rgb(255,240,245)
|
rgb(100%,94.1%,96.1%)
|
hsl(340,100%,97.1%)
|
#FFF0F5
|
lawngreen
|
rgb(124,252,0)
|
rgb(48.6%,98.8%,0%)
|
hsl(90,100%,49.4%)
|
#7CFC00
|
lemonchiffon
|
rgb(255,250,205)
|
rgb(100%,98%,80.4%)
|
hsl(54,100%,90.2%)
|
#FFFACD
|
lightblue
|
rgb(173,216,230)
|
rgb(67.8%,84.7%,90.2%)
|
hsl(195,53.3%,79%)
|
#ADD8E6
|
lightcoral
|
rgb(240,128,128)
|
rgb(94.1%,50.2%,50.2%)
|
hsl(0,78.9%,72.2%)
|
#F08080
|
lightcyan
|
rgb(224,255,255)
|
rgb(87.8%,100%,100%)
|
hsl(180,100%,93.9%)
|
#E0FFFF
|
lightgoldenrodyellow
|
rgb(250,250,210)
|
rgb(98%,98%,82.4%)
|
hsl(60,80%,90.2%)
|
#FAFAD2
|
lightgray
|
rgb(211,211,211)
|
rgb(82.7%,82.7%,82.7%)
|
hsl(0,0%,82.7%)
|
#D3D3D3
|
lightgreen
|
rgb(144,238,144)
|
rgb(56.5%,93.3%,56.5%)
|
hsl(120,73.4%,74.9%)
|
#90EE90
|
lightgrey
|
rgb(211,211,211)
|
rgb(82.7%,82.7%,82.7%)
|
hsl(0,0%,82.7%)
|
#D3D3D3
|
lightpink
|
rgb(255,182,193)
|
rgb(100%,71.4%,75.7%)
|
hsl(351,100%,85.7%)
|
#FFB6C1
|
lightsalmon
|
rgb(255,160,122)
|
rgb(100%,62.7%,47.8%)
|
hsl(17,100%,73.9%)
|
#FFA07A
|
lightseagreen
|
rgb(32,178,170)
|
rgb(12.5%,69.8%,66.7%)
|
hsl(177,69.5%,41.2%)
|
#20B2AA
|
lightskyblue
|
rgb(135,206,250)
|
rgb(52.9%,80.8%,98%)
|
hsl(203,92%,75.5%)
|
#87CEFA
|
lightslategray
|
rgb(119,136,153)
|
rgb(46.7%,53.3%,60%)
|
hsl(210,14.3%,53.3%)
|
#778899 /#789
|
lightslategrey
|
rgb(119,136,153)
|
rgb(46.7%,53.3%,60%)
|
hsl(210,14.3%,53.3%)
|
#778899 /#789
|
lightsteelblue
|
rgb(176,196,222)
|
rgb(69%,76.9%,87.1%)
|
hsl(214,41.1%,78%)
|
#B0C4DE
|
lightyellow
|
rgb(255,255,224)
|
rgb(100%,100%,87.8%)
|
hsl(60,100%,93.9%)
|
#FFFFE0
|
lime
|
rgb(0,255,0)
|
rgb(0%,100%,0%)
|
hsl(120,100%,50%)
|
#00FF00 /#0F0
|
limegreen
|
rgb(50,205,50)
|
rgb(19.6%,80.4%,19.6%)
|
hsl(120,60.8%,50%)
|
#32CD32
|
linen
|
rgb(250,240,230)
|
rgb(98%,94.1%,90.2%)
|
hsl(30,66.7%,94.1%)
|
#FAF0E6
|
magenta
|
rgb(255,0,255)
|
rgb(100%,0%,100%)
|
hsl(300,100%,50%)
|
#FF00FF /#F0F
|
maroon
|
rgb(128,0,0)
|
rgb(50.2%,0%,0%)
|
hsl(0,100%,25.1%)
|
#800000
|
mediumaquamarine
|
rgb(102,205,170)
|
rgb(40%,80.4%,66.7%)
|
hsl(160,50.7%,60.2%)
|
#66CDAA
|
mediumblue
|
rgb(0,0,205)
|
rgb(0%,0%,80.4%)
|
hsl(240,100%,40.2%)
|
#0000CD
|
mediumorchid
|
rgb(186,85,211)
|
rgb(72.9%,33.3%,82.7%)
|
hsl(288,58.9%,58%)
|
#BA55D3
|
mediumpurple
|
rgb(147,112,219)
|
rgb(57.6%,43.9%,85.9%)
|
hsl(260,59.8%,64.9%)
|
#9370DB
|
mediumseagreen
|
rgb(60,179,113)
|
rgb(23.5%,70.2%,44.3%)
|
hsl(147,49.8%,46.9%)
|
#3CB371
|
mediumslateblue
|
rgb(123,104,238)
|
rgb(48.2%,40.8%,93.3%)
|
hsl(249,79.8%,67.1%)
|
#7B68EE
|
mediumspringgreen
|
rgb(0,250,154)
|
rgb(0%,98%,60.4%)
|
hsl(157,100%,49%)
|
#00FA9A
|
mediumturquoise
|
rgb(72,209,204)
|
rgb(28.2%,82%,80%)
|
hsl(178,59.8%,55.1%)
|
#48D1CC
|
mediumvioletred
|
rgb(199,21,133)
|
rgb(78%,8.2%,52.2%)
|
hsl(322,80.9%,43.1%)
|
#C71585
|
midnightblue
|
rgb(25,25,112)
|
rgb(9.8%,9.8%,43.9%)
|
hsl(240,63.5%,26.9%)
|
#191970
|
mintcream
|
rgb(245,255,250)
|
rgb(96.1%,100%,98%)
|
hsl(150,100%,98%)
|
#F5FFFA
|
mistyrose
|
rgb(255,228,225)
|
rgb(100%,89.4%,88.2%)
|
hsl(6,100%,94.1%)
|
#FFE4E1
|
moccasin
|
rgb(255,228,181)
|
rgb(100%,89.4%,71%)
|
hsl(38,100%,85.5%)
|
#FFE4B5
|
navajowhite
|
rgb(255,222,173)
|
rgb(100%,87.1%,67.8%)
|
hsl(36,100%,83.9%)
|
#FFDEAD
|
navy
|
rgb(0,0,128)
|
rgb(0%,0%,50.2%)
|
hsl(240,100%,25.1%)
|
#000080
|
oldlace
|
rgb(253,245,230)
|
rgb(99.2%,96.1%,90.2%)
|
hsl(39,85.2%,94.7%)
|
#FDF5E6
|
olive
|
rgb(128,128,0)
|
rgb(50.2%,50.2%,0%)
|
hsl(60,100%,25.1%)
|
#808000
|
olivedrab
|
rgb(107,142,35)
|
rgb(42%,55.7%,13.7%)
|
hsl(80,60.5%,34.7%)
|
#6B8E23
|
orange
|
rgb(255,165,0)
|
rgb(100%,64.7%,0%)
|
hsl(39,100%,50%)
|
#FFA500
|
orangered
|
rgb(255,69,0)
|
rgb(100%,27.1%,0%)
|
hsl(16,100%,50%)
|
#FF4500
|
orchid
|
rgb(218,112,214)
|
rgb(85.5%,43.9%,83.9%)
|
hsl(302,58.9%,64.7%)
|
#DA70D6
|
palegoldenrod
|
rgb(238,232,170)
|
rgb(93.3%,91%,66.7%)
|
hsl(55,66.7%,80%)
|
#EEE8AA
|
palegreen
|
rgb(152,251,152)
|
rgb(59.6%,98.4%,59.6%)
|
hsl(120,92.5%,79%)
|
#98FB98
|
paleturquoise
|
rgb(175,238,238)
|
rgb(68.6%,93.3%,93.3%)
|
hsl(180,64.9%,81%)
|
#AFEEEE
|
palevioletred
|
rgb(219,112,147)
|
rgb(85.9%,43.9%,57.6%)
|
hsl(340,59.8%,64.9%)
|
#DB7093
|
papayawhip
|
rgb(255,239,213)
|
rgb(100%,93.7%,83.5%)
|
hsl(37,100%,91.8%)
|
#FFEFD5
|
peachpuff
|
rgb(255,218,185)
|
rgb(100%,85.5%,72.5%)
|
hsl(28,100%,86.3%)
|
#FFDAB9
|
peru
|
rgb(205,133,63)
|
rgb(80.4%,52.2%,24.7%)
|
hsl(30,58.7%,52.5%)
|
#CD853F
|
pink
|
rgb(255,192,203)
|
rgb(100%,75.3%,79.6%)
|
hsl(350,100%,87.6%)
|
#FFC0CB
|
plum
|
rgb(221,160,221)
|
rgb(86.7%,62.7%,86.7%)
|
hsl(300,47.3%,74.7%)
|
#DDA0DD
|
powderblue
|
rgb(176,224,230)
|
rgb(69%,87.8%,90.2%)
|
hsl(187,51.9%,79.6%)
|
#B0E0E6
|
purple
|
rgb(128,0,128)
|
rgb(50.2%,0%,50.2%)
|
hsl(300,100%,25.1%)
|
#800080
|
rebeccapurple
|
rgb(102,51,153)
|
rgb(40%,20%,60%)
|
hsl(270,50%,40%)
|
#663399 /#639
|
red
|
rgb(255,0,0)
|
rgb(100%,0%,0%)
|
hsl(0,100%,50%)
|
#FF0000 /#F00
|
rosybrown
|
rgb(188,143,143)
|
rgb(73.7%,56.1%,56.1%)
|
hsl(0,25.1%,64.9%)
|
#BC8F8F
|
royalblue
|
rgb(65,105,225)
|
rgb(25.5%,41.2%,88.2%)
|
hsl(225,72.7%,56.9%)
|
#4169E1
|
saddlebrown
|
rgb(139,69,19)
|
rgb(54.5%,27.1%,7.5%)
|
hsl(25,75.9%,31%)
|
#8B4513
|
salmon
|
rgb(250,128,114)
|
rgb(98%,50.2%,44.7%)
|
hsl(6,93.2%,71.4%)
|
#FA8072
|
sandybrown
|
rgb(244,164,96)
|
rgb(95.7%,64.3%,37.6%)
|
hsl(28,87.1%,66.7%)
|
#F4A460
|
seagreen
|
rgb(46,139,87)
|
rgb(18%,54.5%,34.1%)
|
hsl(146,50.3%,36.3%)
|
#2E8B57
|
seashell
|
rgb(255,245,238)
|
rgb(100%,96.1%,93.3%)
|
hsl(25,100%,96.7%)
|
#FFF5EE
|
sienna
|
rgb(160,82,45)
|
rgb(62.7%,32.2%,17.6%)
|
hsl(19,56.1%,40.2%)
|
#A0522D
|
silver
|
rgb(192,192,192)
|
rgb(75.3%,75.3%,75.3%)
|
hsl(0,0%,75.3%)
|
#C0C0C0
|
skyblue
|
rgb(135,206,235)
|
rgb(52.9%,80.8%,92.2%)
|
hsl(197,71.4%,72.5%)
|
#87CEEB
|
slateblue
|
rgb(106,90,205)
|
rgb(41.6%,35.3%,80.4%)
|
hsl(248,53.5%,57.8%)
|
#6A5ACD
|
slategray
|
rgb(112,128,144)
|
rgb(43.9%,50.2%,56.5%)
|
hsl(210,12.6%,50.2%)
|
#708090
|
slategrey
|
rgb(112,128,144)
|
rgb(43.9%,50.2%,56.5%)
|
hsl(210,12.6%,50.2%)
|
#708090
|
snow
|
rgb(255,250,250)
|
rgb(100%,98%,98%)
|
hsl(0,100%,99%)
|
#FFFAFA
|
springgreen
|
rgb(0,255,127)
|
rgb(0%,100%,49.8%)
|
hsl(150,100%,50%)
|
#00FF7F
|
steelblue
|
rgb(70,130,180)
|
rgb(27.5%,51%,70.6%)
|
hsl(207,44%,49%)
|
#4682B4
|
tan
|
rgb(210,180,140)
|
rgb(82.4%,70.6%,54.9%)
|
hsl(34,43.8%,68.6%)
|
#D2B48C
|
teal
|
rgb(0,128,128)
|
rgb(0%,50.2%,50.2%)
|
hsl(180,100%,25.1%)
|
#008080
|
thistle
|
rgb(216,191,216)
|
rgb(84.7%,74.9%,84.7%)
|
hsl(300,24.3%,79.8%)
|
#D8BFD8
|
tomato
|
rgb(255,99,71)
|
rgb(100%,38.8%,27.8%)
|
hsl(9,100%,63.9%)
|
#FF6347
|
turquoise
|
rgb(64,224,208)
|
rgb(25.1%,87.8%,81.6%)
|
hsl(174,72.1%,56.5%)
|
#40E0D0
|
violet
|
rgb(238,130,238)
|
rgb(93.3%,51%,93.3%)
|
hsl(300,76.1%,72.2%)
|
#EE82EE
|
wheat
|
rgb(245,222,179)
|
rgb(96.1%,87.1%,70.2%)
|
hsl(39,76.7%,83.1%)
|
#F5DEB3
|
white
|
rgb(255,255,255)
|
rgb(100%,100%,100%)
|
hsl(0,0%,100%)
|
#FFFFFF /#FFF
|
whitesmoke
|
rgb(245,245,245)
|
rgb(96.1%,96.1%,96.1%)
|
hsl(0,0%,96.1%)
|
#F5F5F5
|
yellow
|
rgb(255,255,0)
|
rgb(100%,100%,0%)
|
hsl(60,100%,50%)
|
#FFFF00 /#FF0
|
yellowgreen
|
rgb(154,205,50)
|
rgb(60.4%,80.4%,19.6%)
|
hsl(80,60.8%,50%)
|
#9ACD32
|