Logo

Color Names

The most popular color names as well as browser-safe colors. The 140 Web Safe Color Names, in HEX, RGB, and HSL format.

Over the last few years, all of the major browsers have included support for a special set of 140 colors recognized by their color name within HTML or CSS code.

This means that rather than having to remember that the color orange is specified with the hex code “#FFA500″, you can simply type the word “orange” when specifying a color in your code, and the browser will automatically translate it to its hex code.

Below is a handy reference list of all 140 browser-supported named colors, which you can quickly sort by color family or name.

Red Color Names

COLORNAMEHEXRGBHSL
darkred#8B0000rgb(139,0,0)hsl(0,100%,27%)
firebrick#B22222rgb(178,34,34)hsl(0,68%,42%)
indianred#CD5C5Crgb(205,92,92)hsl(0,53%,58%)
crimson#DC143Crgb(220,20,60)hsl(97,83%,47%)
darksalmon#E9967Argb(233,150,122)hsl(4,72%,70%)
lightcoral#F08080rgb(240,128,128)hsl(0,79%,72%)
salmon#FA8072rgb(250,128,114)hsl(2,93%,71%)
red#FF0000rgb(255,0,0)hsl(0,100%,50%)
lightsalmon#FFA07Argb(255,160,122)hsl(5,100%,74%)

Yellow Color Names

COLORNAMEHEXRGBHSL
darkkhaki#BDB76Brgb(189,183,107)hsl(15,38%,58%)
palegoldenrod#EEE8AArgb(238,232,170)hsl(15,67%,80%)
khaki#F0E68Crgb(240,230,140)hsl(15,77%,75%)
lightgoldenrodyellow#FAFAD2rgb(250,250,210)hsl(17,80%,90%)
peachpuff#FFDAB9rgb(255,218,185)hsl(8,100%,86%)
moccasin#FFE4B5rgb(255,228,181)hsl(11,100%,85%)
papayawhip#FFEFD5rgb(255,239,213)hsl(10,100%,92%)
lemonchiffon#FFFACDrgb(255,250,205)hsl(15,100%,90%)
yellow#FFFF00rgb(255,255,0)hsl(17,100%,50%)
lightyellow#FFFFE0rgb(255,255,224)hsl(17,100%,94%)

Orange Color Names

COLORNAMEHEXRGBHSL
orangered#FF4500rgb(255,69,0)hsl(5,100%,50%)
tomato#FF6347rgb(255,99,71)hsl(3,100%,64%)
coral#FF7F50rgb(255,127,80)hsl(4,100%,66%)
darkorange#FF8C00rgb(255,140,0)hsl(9,100%,50%)
orange#FFA500rgb(255,165,0)hsl(11,100%,50%)
gold#FFD700rgb(255,215,0)hsl(14,100%,50%)

Pink Color Names

COLORNAMEHEXRGBHSL
mediumvioletred#C71585rgb(199,21,133)hsl(90,81%,43%)
palevioletred#DB7093rgb(219,112,147)hsl(95,60%,65%)
deeppink#FF1493rgb(255,20,147)hsl(91,100%,54%)
hotpink#FF69B4rgb(255,105,180)hsl(92,100%,71%)
lightpink#FFB6C1rgb(255,182,193)hsl(97,100%,86%)
pink#FFC0CBrgb(255,192,203)hsl(97,100%,88%)

Green Color Names

COLORNAMEHEXRGBHSL
darkgreen#006400rgb(0,100,0)hsl(33,100%,20%)
green#008000rgb(0,128,0)hsl(33,100%,25%)
mediumspringgreen#00FA9Argb(0,250,154)hsl(44,100%,49%)
lime#00FF00rgb(0,255,0)hsl(33,100%,50%)
springgreen#00FF7Frgb(0,255,127)hsl(42,100%,50%)
forestgreen#228B22rgb(34,139,34)hsl(33,61%,34%)
seagreen#2E8B57rgb(46,139,87)hsl(41,50%,36%)
limegreen#32CD32rgb(50,205,50)hsl(33,61%,50%)
mediumseagreen#3CB371rgb(60,179,113)hsl(41,50%,47%)
darkolivegreen#556B2Frgb(85,107,47)hsl(23,39%,30%)
olivedrab#6B8E23rgb(107,142,35)hsl(22,60%,35%)
lawngreen#7CFC00rgb(124,252,0)hsl(25,100%,49%)
chartreuse#7FFF00rgb(127,255,0)hsl(25,100%,50%)
olive#808000rgb(128,128,0)hsl(17,100%,25%)
darkseagreen#8FBC8Frgb(143,188,143)hsl(33,25%,65%)
lightgreen#90EE90rgb(144,238,144)hsl(33,73%,75%)
palegreen#98FB98rgb(152,251,152)hsl(33,93%,79%)
yellowgreen#9ACD32rgb(154,205,50)hsl(22,61%,50%)
greenyellow#ADFF2Frgb(173,255,47)hsl(23,100%,59%)

Blue Color Names

COLORNAMEHEXRGBHSL
navy#000080rgb(0,0,128)hsl(67,100%,25%)
darkblue#00008Brgb(0,0,139)hsl(67,100%,27%)
mediumblue#0000CDrgb(0,0,205)hsl(67,100%,40%)
blue#0000FFrgb(0,0,255)hsl(67,100%,50%)
deepskyblue#00BFFFrgb(0,191,255)hsl(54,100%,50%)
midnightblue#191970rgb(25,25,112)hsl(67,64%,27%)
dodgerblue#1E90FFrgb(30,144,255)hsl(58,100%,56%)
royalblue#4169E1rgb(65,105,225)hsl(63,73%,57%)
steelblue#4682B4rgb(70,130,180)hsl(58,44%,49%)
darkslateblue#483D8Brgb(72,61,139)hsl(69,39%,39%)
cornflowerblue#6495EDrgb(100,149,237)hsl(61,79%,66%)
slateblue#6A5ACDrgb(106,90,205)hsl(69,53%,58%)
mediumslateblue#7B68EErgb(123,104,238)hsl(69,80%,67%)
skyblue#87CEEBrgb(135,206,235)hsl(55,71%,73%)
lightskyblue#87CEFArgb(135,206,250)hsl(56,92%,75%)
lightblue#ADD8E6rgb(173,216,230)hsl(54,53%,79%)
lightsteelblue#B0C4DErgb(176,196,222)hsl(59,41%,78%)
powderblue#B0E0E6rgb(176,224,230)hsl(52,52%,80%)

Cyan Color Names

COLORNAMEHEXRGBHSL
teal#008080rgb(0,128,128)hsl(50,100%,25%)
darkcyan#008B8Brgb(0,139,139)hsl(50,100%,27%)
darkturquoise#00CED1rgb(0,206,209)hsl(50,100%,41%)
cyan#00FFFFrgb(0,255,255)hsl(50,100%,50%)
aqua#00FFFFrgb(0,255,255)hsl(50,100%,50%)
lightseagreen#20B2AArgb(32,178,170)hsl(49,70%,41%)
turquoise#40E0D0rgb(64,224,208)hsl(48,72%,56%)
mediumturquoise#48D1CCrgb(72,209,204)hsl(49,60%,55%)
cadetblue#5F9EA0rgb(95,158,160)hsl(51,25%,50%)
mediumaquamarine#66CDAArgb(102,205,170)hsl(44,51%,60%)
aquamarine#7FFFD4rgb(127,255,212)hsl(44,100%,75%)
paleturquoise#AFEEEErgb(175,238,238)hsl(50,65%,81%)
lightcyan#E0FFFFrgb(224,255,255)hsl(50,100%,94%)

Purple Color Names

COLORNAMEHEXRGBHSL
indigo#4B0082rgb(75,0,130)hsl(76,100%,25%)
purple#800080rgb(128,0,128)hsl(83,100%,25%)
blueviolet#8A2BE2rgb(138,43,226)hsl(75,76%,53%)
darkmagenta#8B008Brgb(139,0,139)hsl(83,100%,27%)
mediumpurple#9370DBrgb(147,112,219)hsl(72,60%,65%)
darkviolet#9400D3rgb(148,0,211)hsl(78,100%,41%)
darkorchid#9932CCrgb(153,50,204)hsl(78,61%,50%)
mediumorchid#BA55D3rgb(186,85,211)hsl(80,59%,58%)
thistle#D8BFD8rgb(216,191,216)hsl(83,24%,80%)
orchid#DA70D6rgb(218,112,214)hsl(84,59%,65%)
plum#DDA0DDrgb(221,160,221)hsl(83,47%,75%)
lavender#E6E6FArgb(230,230,250)hsl(67,67%,94%)
violet#EE82EErgb(238,130,238)hsl(83,76%,72%)
fuchsia#FF00FFrgb(255,0,255)hsl(83,100%,50%)
magenta#FF00FFrgb(255,0,255)hsl(83,100%,50%)

White Color Names

COLORNAMEHEXRGBHSL
aliceblue#F0F8FFrgb(240,248,255)hsl(58,100%,97%)
honeydew#F0FFF0rgb(240,255,240)hsl(33,100%,97%)
azure#F0FFFFrgb(240,255,255)hsl(50,100%,97%)
beige#F5F5DCrgb(245,245,220)hsl(17,56%,91%)
whitesmoke#F5F5F5rgb(245,245,245)hsl(0,0%,96%)
mintcream#F5FFFArgb(245,255,250)hsl(42,100%,98%)
ghostwhite#F8F8FFrgb(248,248,255)hsl(67,100%,99%)
antiquewhite#FAEBD7rgb(250,235,215)hsl(10,78%,91%)
linen#FAF0E6rgb(250,240,230)hsl(8,67%,94%)
oldlace#FDF5E6rgb(253,245,230)hsl(11,85%,95%)
mistyrose#FFE4E1rgb(255,228,225)hsl(2,100%,94%)
lavenderblush#FFF0F5rgb(255,240,245)hsl(94,100%,97%)
seashell#FFF5EErgb(255,245,238)hsl(7,100%,97%)
floralwhite#FFFAF0rgb(255,250,240)hsl(11,100%,97%)
snow#FFFAFArgb(255,250,250)hsl(0,100%,99%)
ivory#FFFFF0rgb(255,255,240)hsl(17,100%,97%)
white#FFFFFFrgb(255,255,255)hsl(0,0%,100%)

Brown Color Names

COLORNAMEHEXRGBHSL
maroon#800000rgb(128,0,0)hsl(0,100%,25%)
saddlebrown#8B4513rgb(139,69,19)hsl(7,76%,31%)
sienna#A0522Drgb(160,82,45)hsl(5,56%,40%)
brown#A52A2Argb(165,42,42)hsl(0,59%,41%)
rosybrown#BC8F8Frgb(188,143,143)hsl(0,25%,65%)
peru#CD853Frgb(205,133,63)hsl(8,59%,53%)
chocolate#D2691Ergb(210,105,30)hsl(7,75%,47%)
tan#D2B48Crgb(210,180,140)hsl(10,44%,69%)
goldenrod#DAA520rgb(218,165,32)hsl(12,74%,49%)
burlywood#DEB887rgb(222,184,135)hsl(9,57%,70%)
sandybrown#F4A460rgb(244,164,96)hsl(8,87%,67%)
wheat#F5DEB3rgb(245,222,179)hsl(11,77%,83%)
navajowhite#FFDEADrgb(255,222,173)hsl(10,100%,84%)
bisque#FFE4C4rgb(255,228,196)hsl(9,100%,88%)
blanchedalmond#FFEBCDrgb(255,235,205)hsl(10,100%,90%)
cornsilk#FFF8DCrgb(255,248,220)hsl(13,100%,93%)

Gray Color Names

COLORNAMEHEXRGBHSL
black#000000rgb(0,0,0)hsl(0,0%,0%)
darkslategray#2F4F4Frgb(47,79,79)hsl(50,25%,25%)
dimgray#696969rgb(105,105,105)hsl(0,0%,41%)
slategray#708090rgb(112,128,144)hsl(58,13%,50%)
lightslategray#778899rgb(119,136,153)hsl(58,14%,53%)
gray#808080rgb(128,128,128)hsl(0,0%,50%)
darkgray#A9A9A9rgb(169,169,169)hsl(0,0%,66%)
silver#C0C0C0rgb(192,192,192)hsl(0,0%,75%)
lightgray#D3D3D3rgb(211,211,211)hsl(0,0%,83%)
gainsboro#DCDCDCrgb(220,220,220)hsl(0,0%,86%)