148 keywords, 139 distinct colors
CSS named colors
CSS has 148 named colors, from aliceblue to yellowgreen. They name 139 distinct colors: 7 grays have a second spelling with grey, and aqua and cyan, fuchsia and magenta are pairs. Here they are by hue, each with a page of its own, and Recolor (recolor.page) shows any of them on a real page.
Last updated
| Name | Hex | OKLCH | Text |
|---|---|---|---|
| Reds | |||
| mistyrose | #ffe4e1 | oklch(94.0% 0.030 25.3) | black |
| salmon | #fa8072 | oklch(73.5% 0.152 28.1) | black |
| lightcoral | #f08080 | oklch(72.5% 0.138 21.0) | black |
| tomato | #ff6347 | oklch(69.6% 0.196 32.3) | black |
| rosybrown | #bc8f8f | oklch(69.3% 0.055 18.6) | black |
| red | #ff0000 | oklch(62.8% 0.258 29.2) | black |
| indianred | #cd5c5c | oklch(61.5% 0.144 22.2) | black |
| crimson | #dc143c | oklch(57.1% 0.222 20.1) | white |
| firebrick | #b22222 | oklch(49.7% 0.180 26.8) | white |
| brown | #a52a2a | oklch(48.1% 0.160 25.6) | white |
| darkred | #8b0000 | oklch(40.0% 0.164 29.2) | white |
| maroon | #800000 | oklch(37.7% 0.155 29.2) | white |
| Red-oranges | |||
| lightsalmon | #ffa07a | oklch(79.4% 0.125 42.4) | black |
| darksalmon | #e9967a | oklch(75.1% 0.108 39.4) | black |
| coral | #ff7f50 | oklch(73.5% 0.168 40.2) | black |
| orangered | #ff4500 | oklch(66.0% 0.229 35.4) | black |
| Oranges and browns | |||
| papayawhip | #ffefd5 | oklch(95.8% 0.038 80.0) | black |
| blanchedalmond | #ffebcd | oklch(94.8% 0.045 78.1) | black |
| antiquewhite | #faebd7 | oklch(94.7% 0.031 75.2) | black |
| bisque | #ffe4c4 | oklch(93.3% 0.051 71.8) | black |
| moccasin | #ffe4b5 | oklch(93.0% 0.068 81.4) | black |
| navajowhite | #ffdead | oklch(91.6% 0.073 77.4) | black |
| peachpuff | #ffdab9 | oklch(91.1% 0.060 63.7) | black |
| wheat | #f5deb3 | oklch(90.9% 0.061 83.0) | black |
| burlywood | #deb887 | oklch(80.5% 0.078 73.4) | black |
| orange | #ffa500 | oklch(79.3% 0.171 70.7) | black |
| tan | #d2b48c | oklch(78.6% 0.064 74.6) | black |
| sandybrown | #f4a460 | oklch(78.4% 0.127 59.7) | black |
| goldenrod | #daa520 | oklch(75.2% 0.147 84.0) | black |
| darkorange | #ff8c00 | oklch(75.1% 0.179 58.3) | black |
| peru | #cd853f | oklch(67.8% 0.123 62.2) | black |
| darkgoldenrod | #b8860b | oklch(65.2% 0.132 81.6) | black |
| chocolate | #d2691e | oklch(63.4% 0.155 50.3) | black |
| sienna | #a0522d | oklch(52.6% 0.115 44.6) | white |
| saddlebrown | #8b4513 | oklch(47.1% 0.112 50.8) | white |
| Yellows and olives | |||
| lightyellow | #ffffe0 | oklch(99.2% 0.040 107.1) | black |
| lemonchiffon | #fffacd | oklch(97.8% 0.058 102.2) | black |
| cornsilk | #fff8dc | oklch(97.7% 0.037 95.4) | black |
| lightgoldenrodyellow | #fafad2 | oklch(97.5% 0.052 107.3) | black |
| yellow | #ffff00 | oklch(96.8% 0.211 109.8) | black |
| beige | #f5f5dc | oklch(96.4% 0.033 107.0) | black |
| palegoldenrod | #eee8aa | oklch(92.1% 0.080 103.2) | black |
| khaki | #f0e68c | oklch(91.3% 0.112 102.8) | black |
| gold | #ffd700 | oklch(88.7% 0.182 95.3) | black |
| darkkhaki | #bdb76b | oklch(76.7% 0.098 104.5) | black |
| olive | #808000 | oklch(58.1% 0.127 109.8) | black |
| Yellow-greens | |||
| greenyellow | #adff2f | oklch(91.3% 0.233 130.0) | black |
| chartreuse | #7fff00 | oklch(89.0% 0.265 136.0) | black |
| lawngreen | #7cfc00 | oklch(88.2% 0.263 136.2) | black |
| yellowgreen | #9acd32 | oklch(78.5% 0.184 126.6) | black |
| olivedrab | #6b8e23 | oklch(59.9% 0.137 126.3) | black |
| darkolivegreen | #556b2f | oklch(49.6% 0.090 126.2) | white |
| Greens | |||
| aquamarine | #7fffd4 | oklch(91.5% 0.130 169.0) | black |
| palegreen | #98fb98 | oklch(90.4% 0.162 144.1) | black |
| springgreen | #00ff7f | oklch(87.5% 0.235 151.0) | black |
| lightgreen | #90ee90 | oklch(86.8% 0.156 144.1) | black |
| mediumspringgreen | #00fa9a | oklch(86.7% 0.207 156.9) | black |
| lime | #00ff00 | oklch(86.6% 0.295 142.5) | black |
| mediumaquamarine | #66cdaa | oklch(77.7% 0.110 168.8) | black |
| darkseagreen | #8fbc8f | oklch(75.1% 0.080 144.7) | black |
| limegreen | #32cd32 | oklch(74.2% 0.229 142.8) | black |
| mediumseagreen | #3cb371 | oklch(68.4% 0.144 155.0) | black |
| seagreen | #2e8b57 | oklch(56.9% 0.119 154.9) | black |
| forestgreen | #228b22 | oklch(55.8% 0.169 142.9) | black |
| green | #008000 | oklch(52.0% 0.177 142.5) | white |
| darkgreen | #006400 | oklch(43.6% 0.148 142.5) | white |
| Cyans and teals | |||
| lightcyan | #e0ffff | oklch(97.8% 0.032 196.6) | black |
| paleturquoise | #afeeee | oklch(90.7% 0.063 196.1) | black |
| aqua | #00ffff | oklch(90.5% 0.155 194.8) | black |
| cyan | #00ffff | oklch(90.5% 0.155 194.8) | black |
| powderblue | #b0e0e6 | oklch(87.5% 0.050 205.7) | black |
| lightblue | #add8e6 | oklch(85.6% 0.049 219.7) | black |
| turquoise | #40e0d0 | oklch(82.2% 0.131 185.1) | black |
| skyblue | #87ceeb | oklch(81.5% 0.082 225.8) | black |
| mediumturquoise | #48d1cc | oklch(78.7% 0.116 191.6) | black |
| darkturquoise | #00ced1 | oklch(77.2% 0.131 196.6) | black |
| lightseagreen | #20b2aa | oklch(69.1% 0.114 189.0) | black |
| cadetblue | #5f9ea0 | oklch(65.8% 0.065 198.3) | black |
| darkcyan | #008b8b | oklch(57.7% 0.098 194.8) | black |
| teal | #008080 | oklch(54.3% 0.093 194.8) | white |
| darkslategray or darkslategrey | #2f4f4f | oklch(40.3% 0.038 195.8) | white |
| Blues | |||
| lightskyblue | #87cefa | oklch(82.1% 0.095 236.8) | black |
| lightsteelblue | #b0c4de | oklch(81.4% 0.043 255.0) | black |
| deepskyblue | #00bfff | oklch(75.5% 0.153 231.6) | black |
| cornflowerblue | #6495ed | oklch(67.5% 0.141 261.3) | black |
| dodgerblue | #1e90ff | oklch(65.2% 0.190 253.2) | black |
| lightslategray or lightslategrey | #778899 | oklch(61.9% 0.032 248.4) | black |
| slategray or slategrey | #708090 | oklch(59.3% 0.031 248.3) | black |
| steelblue | #4682b4 | oklch(58.8% 0.099 245.7) | black |
| royalblue | #4169e1 | oklch(56.0% 0.188 266.4) | white |
| blue | #0000ff | oklch(45.2% 0.313 264.1) | white |
| mediumblue | #0000cd | oklch(38.3% 0.266 264.1) | white |
| darkblue | #00008b | oklch(28.8% 0.199 264.1) | white |
| navy | #000080 | oklch(27.1% 0.188 264.1) | white |
| Indigos | |||
| lavender | #e6e6fa | oklch(93.1% 0.027 285.9) | black |
| mediumslateblue | #7b68ee | oklch(60.4% 0.194 285.5) | black |
| slateblue | #6a5acd | oklch(54.4% 0.171 285.5) | white |
| darkslateblue | #483d8b | oklch(41.4% 0.125 286.0) | white |
| midnightblue | #191970 | oklch(28.8% 0.144 272.8) | white |
| Violets and purples | |||
| mediumpurple | #9370db | oklch(62.7% 0.158 296.7) | black |
| darkorchid | #9932cc | oklch(54.1% 0.227 311.5) | white |
| blueviolet | #8a2be2 | oklch(53.4% 0.250 301.4) | white |
| darkviolet | #9400d3 | oklch(51.5% 0.261 309.8) | white |
| rebeccapurple | #663399 | oklch(44.0% 0.160 303.4) | white |
| indigo | #4b0082 | oklch(33.9% 0.179 301.7) | white |
| Magentas | |||
| thistle | #d8bfd8 | oklch(83.3% 0.044 326.0) | black |
| plum | #dda0dd | oklch(78.3% 0.108 326.5) | black |
| violet | #ee82ee | oklch(76.2% 0.186 327.2) | black |
| orchid | #da70d6 | oklch(70.2% 0.181 328.7) | black |
| fuchsia | #ff00ff | oklch(70.2% 0.322 328.4) | black |
| magenta | #ff00ff | oklch(70.2% 0.322 328.4) | black |
| mediumorchid | #ba55d3 | oklch(62.6% 0.202 319.2) | black |
| darkmagenta | #8b008b | oklch(44.7% 0.205 328.4) | white |
| purple | #800080 | oklch(42.1% 0.193 328.4) | white |
| Pinks | |||
| pink | #ffc0cb | oklch(86.8% 0.074 7.1) | black |
| lightpink | #ffb6c1 | oklch(84.7% 0.086 9.1) | black |
| hotpink | #ff69b4 | oklch(72.8% 0.197 352.0) | black |
| palevioletred | #db7093 | oklch(67.8% 0.138 0.7) | black |
| deeppink | #ff1493 | oklch(65.5% 0.261 356.9) | black |
| mediumvioletred | #c71585 | oklch(55.3% 0.222 349.7) | white |
| Whites, grays and black | |||
| white | #ffffff | oklch(100.0% 0.000 none) | black |
| ivory | #fffff0 | oklch(99.6% 0.020 106.8) | black |
| mintcream | #f5fffa | oklch(99.1% 0.012 164.8) | black |
| azure | #f0ffff | oklch(98.9% 0.016 196.9) | black |
| snow | #fffafa | oklch(98.9% 0.005 17.2) | black |
| floralwhite | #fffaf0 | oklch(98.6% 0.014 84.6) | black |
| honeydew | #f0fff0 | oklch(98.5% 0.025 145.4) | black |
| ghostwhite | #f8f8ff | oklch(98.1% 0.009 286.2) | black |
| seashell | #fff5ee | oklch(97.6% 0.014 57.6) | black |
| aliceblue | #f0f8ff | oklch(97.5% 0.013 244.3) | black |
| oldlace | #fdf5e6 | oklch(97.2% 0.022 83.3) | black |
| whitesmoke | #f5f5f5 | oklch(97.0% 0.000 none) | black |
| lavenderblush | #fff0f5 | oklch(96.8% 0.017 355.1) | black |
| linen | #faf0e6 | oklch(96.0% 0.017 67.6) | black |
| gainsboro | #dcdcdc | oklch(89.4% 0.000 none) | black |
| lightgray or lightgrey | #d3d3d3 | oklch(86.7% 0.000 none) | black |
| silver | #c0c0c0 | oklch(80.8% 0.000 none) | black |
| darkgray or darkgrey | #a9a9a9 | oklch(73.5% 0.000 none) | black |
| gray or grey | #808080 | oklch(60.0% 0.000 none) | black |
| dimgray or dimgrey | #696969 | oklch(52.1% 0.000 none) | white |
| black | #000000 | oklch(0.0% 0.000 none) | white |