HTML color codes

Every color keyword a browser understands, from aliceblue to yellowgreen, with its HEX and RGB code. Start with a color family, or scroll the full list.

Color families

Each family page has named shades, palettes and contrast notes.

Aa 4.46:1

Shades of blue #0082A1 RGB 0, 130, 161
Aa 7.11:1

Shades of green #66BB00 RGB 102, 187, 0
Aa 10.08:1

Sage green #C0CBA1 RGB 192, 203, 161
Aa 8.97:1

Mauve #E0ADC4 RGB 224, 173, 196
Aa 10.19:1

Shades of red #6A2F2F RGB 106, 47, 47
Aa 4.71:1

Shades of pink #FE02A2 RGB 254, 2, 162
Aa 16.84:1

Shades of purple #35063E RGB 53, 6, 62
Aa 13.87:1

Pastel colors #DDEDBD RGB 221, 237, 189
Aa 5.93:1

Neutral colors #9D9880 RGB 157, 152, 128
Aa 15.83:1

Dark colors #441100 RGB 68, 17, 0
Aa 5.69:1

Gold #7D623C RGB 125, 98, 60
Aa 4.62:1

Gray #6F7678 RGB 111, 118, 120
Aa 12.85:1

Mint green #C5E5E2 RGB 197, 229, 226
Aa 12.65:1

Light green #00FF55 RGB 0, 255, 85
Aa 6.67:1

Light purple #FB5FFC RGB 251, 95, 252
Aa 4.87:1

Lime green #5F9727 RGB 95, 151, 39
Aa 9.58:1

Pastel pink #F2ABE1 RGB 242, 171, 225
Aa 13.52:1

Neon colors #00FDFF RGB 0, 253, 255
Aa 12.78:1

Pastel green #C5E6CF RGB 197, 230, 207
Aa 12.48:1

Pastel yellow #F2D9A3 RGB 242, 217, 163
Aa 12.87:1

Peach #FBD7CC RGB 251, 215, 204
Aa 7.76:1

Crimson red #843C41 RGB 132, 60, 65
Aa 4.57:1

Cool colors #657AEF RGB 101, 122, 239
Aa 4.23:1

Burnt orange #B66A50 RGB 182, 106, 80
Aa 4.23:1

Shades of orange #B96B00 RGB 185, 107, 0
Aa 11.11:1

Greige #D8CFBA RGB 216, 207, 186
Aa 4.84:1

Bright colors #4169E1 RGB 65, 105, 225
Aa 8.05:1

Spring colors #AABB11 RGB 170, 187, 17

Red (CSS keywords)

Aa 14.30:1

mistyrose #FFE4E1 RGB 255, 228, 225
Aa 7.46:1

darksalmon #E9967A RGB 233, 150, 122
Aa 6.88:1

salmon #FA8072 RGB 250, 128, 114
Aa 6.64:1

lightcoral #F08080 RGB 240, 128, 128
Aa 5.84:1

tomato #FF6347 RGB 255, 99, 71
Aa 5.00:1

orangered #FF4500 RGB 255, 69, 0
Aa 4.30:1

red #FF0000 RGB 255, 0, 0
Aa 4.33:1

indianred #CD5C5C RGB 205, 92, 92
Aa 4.98:1

crimson #DC143C RGB 220, 20, 60
Aa 5.42:1

mediumvioletred #C71585 RGB 199, 21, 133
Aa 6.67:1

firebrick #B22222 RGB 178, 34, 34
Aa 7.08:1

brown #A52A2A RGB 165, 42, 42
Aa 10.01:1

darkred #8B0000 RGB 139, 0, 0
Aa 10.94:1

maroon #800000 RGB 128, 0, 0

Pink (CSS keywords)

Aa 11.19:1

pink #FFC0CB RGB 255, 192, 203
Aa 10.42:1

lightpink #FFB6C1 RGB 255, 182, 193
Aa 6.50:1

hotpink #FF69B4 RGB 255, 105, 180
Aa 6.12:1

rosybrown #BC8F8F RGB 188, 143, 143
Aa 5.53:1

palevioletred #DB7093 RGB 219, 112, 147
Aa 4.73:1

deeppink #FF1493 RGB 255, 20, 147

Orange (CSS keywords)

Aa 14.77:1

blanchedalmond #FFEBCD RGB 255, 235, 205
Aa 14.70:1

antiquewhite #FAEBD7 RGB 250, 235, 215
Aa 14.06:1

bisque #FFE4C4 RGB 255, 228, 196
Aa 13.37:1

navajowhite #FFDEAD RGB 255, 222, 173
Aa 13.10:1

peachpuff #FFDAB9 RGB 255, 218, 185
Aa 9.27:1

burlywood #DEB887 RGB 222, 184, 135
Aa 8.66:1

lightsalmon #FFA07A RGB 255, 160, 122
Aa 8.72:1

orange #FFA500 RGB 255, 165, 0
Aa 8.73:1

tan #D2B48C RGB 210, 180, 140
Aa 8.46:1

sandybrown #F4A460 RGB 244, 164, 96
Aa 7.38:1

darkorange #FF8C00 RGB 255, 140, 0
Aa 6.89:1

coral #FF7F50 RGB 255, 127, 80
Aa 5.75:1

peru #CD853F RGB 205, 133, 63
Aa 4.74:1

chocolate #D2691E RGB 210, 105, 30

Brown (CSS keywords)

Aa 5.61:1

sienna #A0522D RGB 160, 82, 45
Aa 7.09:1

saddlebrown #8B4513 RGB 139, 69, 19

Yellow and gold (CSS keywords)

Aa 16.92:1

lightyellow #FFFFE0 RGB 255, 255, 224
Aa 16.24:1

lemonchiffon #FFFACD RGB 255, 250, 205
Aa 16.16:1

cornsilk #FFF8DC RGB 255, 248, 220
Aa 16.13:1

lightgoldenrodyellow #FAFAD2 RGB 250, 250, 210
Aa 16.03:1

yellow #FFFF00 RGB 255, 255, 0
Aa 15.56:1

beige #F5F5DC RGB 245, 245, 220
Aa 15.22:1

papayawhip #FFEFD5 RGB 255, 239, 213
Aa 13.95:1

moccasin #FFE4B5 RGB 255, 228, 181
Aa 13.74:1

palegoldenrod #EEE8AA RGB 238, 232, 170
Aa 13.45:1

khaki #F0E68C RGB 240, 230, 140
Aa 13.10:1

wheat #F5DEB3 RGB 245, 222, 179
Aa 12.27:1

gold #FFD700 RGB 255, 215, 0
Aa 8.32:1

darkkhaki #BDB76B RGB 189, 183, 107
Aa 7.69:1

goldenrod #DAA520 RGB 218, 165, 32
Aa 5.29:1

darkgoldenrod #B8860B RGB 184, 134, 11
Aa 4.19:1

olive #808000 RGB 128, 128, 0

Green (CSS keywords)

Aa 14.07:1

aquamarine #7FFFD4 RGB 127, 255, 212
Aa 14.04:1

greenyellow #ADFF2F RGB 173, 255, 47
Aa 13.60:1

palegreen #98FB98 RGB 152, 251, 152
Aa 13.29:1

chartreuse #7FFF00 RGB 127, 255, 0
Aa 12.94:1

lawngreen #7CFC00 RGB 124, 252, 0
Aa 12.80:1

springgreen #00FF7F RGB 0, 255, 127
Aa 12.15:1

lightgreen #90EE90 RGB 144, 238, 144
Aa 12.41:1

mediumspringgreen #00FA9A RGB 0, 250, 154
Aa 12.55:1

lime #00FF00 RGB 0, 255, 0
Aa 9.14:1

yellowgreen #9ACD32 RGB 154, 205, 50
Aa 8.92:1

mediumaquamarine #66CDAA RGB 102, 205, 170
Aa 8.00:1

darkseagreen #8FBC8F RGB 143, 188, 143
Aa 8.13:1

limegreen #32CD32 RGB 50, 205, 50
Aa 6.46:1

mediumseagreen #3CB371 RGB 60, 179, 113
Aa 4.52:1

olivedrab #6B8E23 RGB 107, 142, 35
Aa 4.24:1

seagreen #2E8B57 RGB 46, 139, 87
Aa 4.38:1

forestgreen #228B22 RGB 34, 139, 34
Aa 5.13:1

green #008000 RGB 0, 128, 0
Aa 5.94:1

darkolivegreen #556B2F RGB 85, 107, 47
Aa 7.43:1

darkgreen #006400 RGB 0, 100, 0

Cyan and teal (CSS keywords)

Aa 16.33:1

lightcyan #E0FFFF RGB 224, 255, 255
Aa 13.35:1

paleturquoise #AFEEEE RGB 175, 238, 238
Aa 13.73:1

aqua #00FFFF RGB 0, 255, 255
Aa 13.73:1

cyan #00FFFF RGB 0, 255, 255
Aa 12.01:1

powderblue #B0E0E6 RGB 176, 224, 230
Aa 11.26:1

lightblue #ADD8E6 RGB 173, 216, 230
Aa 10.49:1

turquoise #40E0D0 RGB 64, 224, 208
Aa 9.88:1

skyblue #87CEEB RGB 135, 206, 235
Aa 9.24:1

mediumturquoise #48D1CC RGB 72, 209, 204
Aa 8.81:1

darkturquoise #00CED1 RGB 0, 206, 209
Aa 6.56:1

lightseagreen #20B2AA RGB 32, 178, 170
Aa 5.64:1

cadetblue #5F9EA0 RGB 95, 158, 160
Aa 4.15:1

darkcyan #008B8B RGB 0, 139, 139
Aa 4.77:1

teal #008080 RGB 0, 128, 128
Aa 8.92:1

darkslategray #2F4F4F RGB 47, 79, 79

Blue (CSS keywords)

Aa 10.03:1

lightskyblue #87CEFA RGB 135, 206, 250
Aa 9.67:1

lightsteelblue #B0C4DE RGB 176, 196, 222
Aa 8.11:1

deepskyblue #00BFFF RGB 0, 191, 255
Aa 5.79:1

cornflowerblue #6495ED RGB 100, 149, 237
Aa 5.32:1

dodgerblue #1E90FF RGB 30, 144, 255
Aa 4.72:1

lightslategray #778899 RGB 119, 136, 153
Aa 4.24:1

slategray #708090 RGB 112, 128, 144
Aa 4.19:1

steelblue #4682B4 RGB 70, 130, 180
Aa 4.84:1

royalblue #4169E1 RGB 65, 105, 225
Aa 8.59:1

blue #0000FF RGB 0, 0, 255
Aa 11.16:1

mediumblue #0000CD RGB 0, 0, 205
Aa 14.84:1

midnightblue #191970 RGB 25, 25, 112
Aa 15.29:1

darkblue #00008B RGB 0, 0, 139
Aa 16.00:1

navy #000080 RGB 0, 0, 128

Purple (CSS keywords)

Aa 10.13:1

thistle #D8BFD8 RGB 216, 191, 216
Aa 8.32:1

plum #DDA0DD RGB 221, 160, 221
Aa 7.43:1

violet #EE82EE RGB 238, 130, 238
Aa 5.96:1

orchid #DA70D6 RGB 218, 112, 214
Aa 5.49:1

fuchsia #FF00FF RGB 255, 0, 255
Aa 5.49:1

magenta #FF00FF RGB 255, 0, 255
Aa 4.57:1

mediumpurple #9370DB RGB 147, 112, 219
Aa 4.36:1

mediumorchid #BA55D3 RGB 186, 85, 211
Aa 4.15:1

mediumslateblue #7B68EE RGB 123, 104, 238
Aa 5.30:1

slateblue #6A5ACD RGB 106, 90, 205
Aa 5.70:1

darkorchid #9932CC RGB 153, 50, 204
Aa 5.95:1

blueviolet #8A2BE2 RGB 138, 43, 226
Aa 6.56:1

darkviolet #9400D3 RGB 148, 0, 211
Aa 8.49:1

darkmagenta #8B008B RGB 139, 0, 139
Aa 8.40:1

rebeccapurple #663399 RGB 102, 51, 153
Aa 9.41:1

purple #800080 RGB 128, 0, 128
Aa 9.06:1

darkslateblue #483D8B RGB 72, 61, 139
Aa 12.95:1

indigo #4B0082 RGB 75, 0, 130

White and neutral (CSS keywords)

Aa 17.22:1

white #FFFFFF RGB 255, 255, 255
Aa 17.07:1

ivory #FFFFF0 RGB 255, 255, 240
Aa 16.86:1

mintcream #F5FFFA RGB 245, 255, 250
Aa 16.77:1

azure #F0FFFF RGB 240, 255, 255
Aa 16.65:1

snow #FFFAFA RGB 255, 250, 250
Aa 16.55:1

floralwhite #FFFAF0 RGB 255, 250, 240
Aa 16.62:1

honeydew #F0FFF0 RGB 240, 255, 240
Aa 16.28:1

ghostwhite #F8F8FF RGB 248, 248, 255
Aa 16.03:1

seashell #FFF5EE RGB 255, 245, 238
Aa 16.05:1

aliceblue #F0F8FF RGB 240, 248, 255
Aa 15.89:1

oldlace #FDF5E6 RGB 253, 245, 230
Aa 15.79:1

whitesmoke #F5F5F5 RGB 245, 245, 245
Aa 15.61:1

lavenderblush #FFF0F5 RGB 255, 240, 245
Aa 15.31:1

linen #FAF0E6 RGB 250, 240, 230
Aa 13.99:1

lavender #E6E6FA RGB 230, 230, 250

Gray and black (CSS keywords)

Aa 12.55:1

gainsboro #DCDCDC RGB 220, 220, 220
Aa 11.50:1

lightgray #D3D3D3 RGB 211, 211, 211
Aa 9.46:1

silver #C0C0C0 RGB 192, 192, 192
Aa 7.32:1

darkgray #A9A9A9 RGB 169, 169, 169
Aa 4.36:1

gray #808080 RGB 128, 128, 128
Aa 5.48:1

dimgray #696969 RGB 105, 105, 105
Aa 21.00:1

black #000000 RGB 0, 0, 0

Where these names come from

CSS, the language that styles web pages, defines a fixed set of color keywords. Most came from the old X11 window system's color list and were standardized in CSS Color Module Level 3. Level 4 added rebeccapurple in 2014, in memory of Rebecca Meyer, the daughter of CSS pioneer Eric Meyer. You can write color: tomato instead of color: #FF6347 and every browser shows the same color.

A few quirks are worth knowing:

darkgray (#A9A9A9) is lighter than gray (#808080), a leftover from the two lists the names were merged from.
Every keyword spelled "gray" also accepts "grey", for example slategrey.
aqua and cyan are the same color, and so are fuchsia and magenta.

Using a code

Copy the HEX from any swatch and use it anywhere colors are accepted: CSS, design apps, Office documents, game editors. The "Aa" figure on each swatch is the contrast ratio of the better text color, black or white, on that background. 4.5:1 or more meets WCAG AA for normal text.

Beyond the keyword list

The keywords are a convenient shorthand, not a palette. Many are dated (papayawhip, blanchedalmond) and the jumps between them are uneven. For a design, pick a family page above for curated shades, or start from one color in the hex color picker and build a set with the color palette generator. To translate a code into RGB, HSL or OKLCH, use the color converter, and to name any code you find, try the color name finder.