CSS Border Colors
148+ CSS named colors with live border previews and ready-to-copy code
red#ff0000
Style
Width
border: 3px solid red;Border Styles with red
All CSS Named Colors
red
#ff0000
darkred
#8b0000
firebrick
#b22222
crimson
#dc143c
indianred
#cd5c5c
lightcoral
#f08080
salmon
#fa8072
darksalmon
#e9967a
lightsalmon
#ffa07a
tomato
#ff6347
orangered
#ff4500
orange
#ffa500
darkorange
#ff8c00
coral
#ff7f50
peru
#cd853f
sandybrown
#f4a460
chocolate
#d2691e
saddlebrown
#8b4513
sienna
#a0522d
tan
#d2b48c
moccasin
#ffe4b5
bisque
#ffe4c4
blanchedalmond
#ffebcd
papayawhip
#ffefd5
peachpuff
#ffdab9
mistyrose
#ffe4e1
linen
#faf0e6
yellow
#ffff00
lightyellow
#ffffe0
lemonchiffon
#fffacd
lightgoldenrodyellow
#fafad2
palegoldenrod
#eee8aa
gold
#ffd700
goldenrod
#daa520
darkgoldenrod
#b8860b
khaki
#f0e68c
darkkhaki
#bdb76b
green
#008000
darkgreen
#006400
forestgreen
#228b22
limegreen
#32cd32
lime
#00ff00
seagreen
#2e8b57
mediumseagreen
#3cb371
springgreen
#00ff7f
mediumspringgreen
#00fa9a
greenyellow
#adff2f
chartreuse
#7fff00
lawngreen
#7cfc00
olivedrab
#6b8e23
olive
#808000
yellowgreen
#9acd32
darkolivegreen
#556b2f
palegreen
#98fb98
lightgreen
#90ee90
mediumaquamarine
#66cdaa
aquamarine
#7fffd4
cyan
#00ffff
aqua
#00ffff
darkcyan
#008b8b
teal
#008080
mediumturquoise
#48d1cc
turquoise
#40e0d0
lightseagreen
#20b2aa
cadetblue
#5f9ea0
lightcyan
#e0ffff
paleturquoise
#afeeee
blue
#0000ff
darkblue
#00008b
navy
#000080
midnightblue
#191970
mediumblue
#0000cd
royalblue
#4169e1
cornflowerblue
#6495ed
steelblue
#4682b4
dodgerblue
#1e90ff
deepskyblue
#00bfff
skyblue
#87ceeb
lightskyblue
#87cefa
lightblue
#add8e6
powderblue
#b0e0e6
lightsteelblue
#b0c4de
aliceblue
#f0f8ff
purple
#800080
darkviolet
#9400d3
indigo
#4b0082
darkslateblue
#483d8b
slateblue
#6a5acd
mediumslateblue
#7b68ee
mediumpurple
#9370db
blueviolet
#8a2be2
darkorchid
#9932cc
mediumorchid
#ba55d3
orchid
#da70d6
violet
#ee82ee
rebeccapurple
#663399
thistle
#d8bfd8
plum
#dda0dd
magenta
#ff00ff
fuchsia
#ff00ff
darkmagenta
#8b008b
mediumvioletred
#c71585
pink
#ffc0cb
hotpink
#ff69b4
deeppink
#ff1493
palevioletred
#db7093
lightpink
#ffb6c1
brown
#a52a2a
maroon
#800000
rosybrown
#bc8f8f
burlywood
#deb887
wheat
#f5deb3
navajowhite
#ffdead
oldlace
#fdf5e6
gray
#808080
grey
#808080
darkgray
#a9a9a9
darkgrey
#a9a9a9
dimgray
#696969
dimgrey
#696969
lightgray
#d3d3d3
lightgrey
#d3d3d3
silver
#c0c0c0
gainsboro
#dcdcdc
whitesmoke
#f5f5f5
slategray
#708090
slategrey
#708090
lightslategray
#778899
lightslategrey
#778899
darkslategray
#2f4f4f
darkslategrey
#2f4f4f
white
#ffffff
snow
#fffafa
honeydew
#f0fff0
mintcream
#f5fffa
azure
#f0ffff
ghostwhite
#f8f8ff
seashell
#fff5ee
beige
#f5f5dc
floralwhite
#fffaf0
ivory
#fffff0
antiquewhite
#faebd7
cornsilk
#fff8dc
black
#000000
Showing 144 of 144 colors
Border Width Examples with red
1px2px3px4px5px6px7px8px10px12px16px20px