colors by lightness
Summary
A list of CSS color names, sorted by lightness.
Related topics
Name | HSL | Hex |
---|---|---|
white | hsl(0,0%,100%) | #ffffff |
snow | hsl(0,100%,99%) | #fffafa |
ghostwhite | hsl(240,100%,99%) | #f8f8ff |
mintcream | hsl(150,100%,98%) | #f5fffa |
floralwhite | hsl(40,100%,97%) | #fffaf0 |
lavenderblush | hsl(340,100%,97%) | #fff0f5 |
ivory | hsl(60,100%,97%) | #fffff0 |
honeydew | hsl(120,100%,97%) | #f0fff0 |
seashell | hsl(25,100%,97%) | #fff5ee |
azure | hsl(180,100%,97%) | #f0ffff |
aliceblue | hsl(208,100%,97%) | #f0f8ff |
whitesmoke | hsl(0,0%,96%) | #f5f5f5 |
oldlace | hsl(39,85%,95%) | #fdf5e6 |
linen | hsl(30,67%,94%) | #faf0e6 |
lavender | hsl(240,67%,94%) | #e6e6fa |
lightcyan | hsl(180,100%,94%) | #e0ffff |
mistyrose | hsl(6,100%,94%) | #ffe4e1 |
lightyellow | hsl(60,100%,94%) | #ffffe0 |
cornsilk | hsl(48,100%,93%) | #fff8dc |
papayawhip | hsl(37,100%,92%) | #ffefd5 |
beige | hsl(60,56%,91%) | #f5f5dc |
antiquewhite | hsl(34,78%,91%) | #faebd7 |
lightgoldenrodyellow | hsl(60,80%,90%) | #fafad2 |
lemonchiffon | hsl(54,100%,90%) | #fffacd |
blanchedalmond | hsl(36,100%,90%) | #ffebcd |
bisque | hsl(33,100%,88%) | #ffe4c4 |
pink | hsl(350,100%,88%) | #ffc0cb |
gainsboro | hsl(0,0%,86%) | #dcdcdc |
peachpuff | hsl(28,100%,86%) | #ffdab9 |
lightpink | hsl(351,100%,86%) | #ffb6c1 |
moccasin | hsl(38,100%,85%) | #ffe4b5 |
navajowhite | hsl(36,100%,84%) | #ffdead |
lightgrey | hsl(0,0%,83%) | #d3d3d3 |
lightgray | hsl(0,0%,83%) | #d3d3d3 |
wheat | hsl(39,77%,83%) | #f5deb3 |
paleturquoise | hsl(180,65%,81%) | #afeeee |
thistle | hsl(300,24%,80%) | #d8bfd8 |
powderblue | hsl(187,52%,80%) | #b0e0e6 |
palegoldenrod | hsl(55,67%,80%) | #eee8aa |
lightblue | hsl(195,53%,79%) | #add8e6 |
palegreen | hsl(120,93%,79%) | #98fb98 |
lightsteelblue | hsl(214,41%,78%) | #b0c4de |
silver | hsl(0,0%,75%) | #c0c0c0 |
plum | hsl(300,47%,75%) | #dda0dd |
lightgreen | hsl(120,73%,75%) | #90ee90 |
khaki | hsl(54,77%,75%) | #f0e68c |
lightskyblue | hsl(203,92%,75%) | #87cefa |
aquamarine | hsl(160,100%,75%) | #7fffd4 |
lightsalmon | hsl(17,100%,74%) | #ffa07a |
skyblue | hsl(197,71%,73%) | #87ceeb |
violet | hsl(300,76%,72%) | #ee82ee |
lightcoral | hsl(0,79%,72%) | #f08080 |
salmon | hsl(6,93%,71%) | #fa8072 |
hotpink | hsl(330,100%,71%) | #ff69b4 |
burlywood | hsl(34,57%,70%) | #deb887 |
darksalmon | hsl(15,72%,70%) | #e9967a |
tan | hsl(34,44%,69%) | #d2b48c |
mediumslateblue | hsl(249,80%,67%) | #7b68ee |
sandybrown | hsl(28,87%,67%) | #f4a460 |
darkgray | hsl(0,0%,66%) | #a9a9a9 |
darkgrey | hsl(0,0%,66%) | #a9a9a9 |
cornflowerblue | hsl(219,79%,66%) | #6495ed |
coral | hsl(16,100%,66%) | #ff7f50 |
darkseagreen | hsl(120,25%,65%) | #8fbc8f |
rosybrown | hsl(0,25%,65%) | #bc8f8f |
orchid | hsl(302,59%,65%) | #da70d6 |
mediumpurple | hsl(260,60%,65%) | #9370db |
palevioletred | hsl(340,60%,65%) | #db7093 |
tomato | hsl(9,100%,64%) | #ff6347 |
mediumaquamarine | hsl(160,51%,60%) | #66cdaa |
greenyellow | hsl(84,100%,59%) | #adff2f |
darkkhaki | hsl(56,38%,58%) | #bdb76b |
indianred | hsl(0,53%,58%) | #cd5c5c |
slateblue | hsl(248,53%,58%) | #6a5acd |
mediumorchid | hsl(288,59%,58%) | #ba55d3 |
royalblue | hsl(225,73%,57%) | #4169e1 |
turquoise | hsl(174,72%,56%) | #40e0d0 |
dodgerblue | hsl(210,100%,56%) | #1e90ff |
mediumturquoise | hsl(178,60%,55%) | #48d1cc |
deeppink | hsl(328,100%,54%) | #ff1493 |
lightslategrey | hsl(210,14%,53%) | #778899 |
lightslategray | hsl(210,14%,53%) | #778899 |
peru | hsl(30,59%,53%) | #cd853f |
blueviolet | hsl(271,76%,53%) | #8a2be2 |
grey | hsl(0,0%,50%) | #808080 |
gray | hsl(0,0%,50%) | #808080 |
slategrey | hsl(210,13%,50%) | #708090 |
slategray | hsl(210,13%,50%) | #708090 |
cadetblue | hsl(182,25%,50%) | #5f9ea0 |
yellowgreen | hsl(80,61%,50%) | #9acd32 |
limegreen | hsl(120,61%,50%) | #32cd32 |
darkorchid | hsl(280,61%,50%) | #9932cc |
cyan | hsl(180,100%,50%) | #00ffff |
aqua | hsl(180,100%,50%) | #00ffff |
gold | hsl(51,100%,50%) | #ffd700 |
springgreen | hsl(150,100%,50%) | #00ff7f |
red | hsl(0,100%,50%) | #ff0000 |
fuchsia | hsl(300,100%,50%) | #ff00ff |
lime | hsl(120,100%,50%) | #00ff00 |
yellow | hsl(60,100%,50%) | #ffff00 |
orangered | hsl(16,100%,50%) | #ff4500 |
orange | hsl(39,100%,50%) | #ffa500 |
darkorange | hsl(33,100%,50%) | #ff8c00 |
magenta | hsl(300,100%,50%) | #ff00ff |
deepskyblue | hsl(195,100%,50%) | #00bfff |
blue | hsl(240,100%,50%) | #0000ff |
chartreuse | hsl(90,100%,50%) | #7fff00 |
steelblue | hsl(207,44%,49%) | #4682b4 |
goldenrod | hsl(43,74%,49%) | #daa520 |
lawngreen | hsl(90,100%,49%) | #7cfc00 |
mediumspringgreen | hsl(157,100%,49%) | #00fa9a |
mediumseagreen | hsl(147,50%,47%) | #3cb371 |
chocolate | hsl(25,75%,47%) | #d2691e |
crimson | hsl(348,83%,47%) | #dc143c |
mediumvioletred | hsl(322,81%,43%) | #c71585 |
firebrick | hsl(0,68%,42%) | #b22222 |
dimgray | hsl(0,0%,41%) | #696969 |
dimgrey | hsl(0,0%,41%) | #696969 |
brown | hsl(0,59%,41%) | #a52a2a |
lightseagreen | hsl(177,70%,41%) | #20b2aa |
darkviolet | hsl(282,100%,41%) | #9400d3 |
darkturquoise | hsl(181,100%,41%) | #00ced1 |
sienna | hsl(19,56%,40%) | #a0522d |
mediumblue | hsl(240,100%,40%) | #0000cd |
darkslateblue | hsl(248,39%,39%) | #483d8b |
darkgoldenrod | hsl(43,89%,38%) | #b8860b |
seagreen | hsl(146,50%,36%) | #2e8b57 |
olivedrab | hsl(80,60%,35%) | #6b8e23 |
forestgreen | hsl(120,61%,34%) | #228b22 |
saddlebrown | hsl(25,76%,31%) | #8b4513 |
darkolivegreen | hsl(82,39%,30%) | #556b2f |
midnightblue | hsl(240,64%,27%) | #191970 |
darkmagenta | hsl(300,100%,27%) | #8b008b |
darkblue | hsl(240,100%,27%) | #00008b |
darkcyan | hsl(180,100%,27%) | #008b8b |
darkred | hsl(0,100%,27%) | #8b0000 |
darkslategrey | hsl(180,25%,25%) | #2f4f4f |
darkslategray | hsl(180,25%,25%) | #2f4f4f |
teal | hsl(180,100%,25%) | #008080 |
purple | hsl(300,100%,25%) | #800080 |
maroon | hsl(0,100%,25%) | #800000 |
olive | hsl(60,100%,25%) | #808000 |
indigo | hsl(275,100%,25%) | #4b0082 |
green | hsl(120,100%,25%) | #008000 |
navy | hsl(240,100%,25%) | #000080 |
darkgreen | hsl(120,100%,20%) | #006400 |
black | hsl(0,0%,0%) | #000000 |