Color & Design

CSS Named Colors

Every CSS named color — search, preview, and copy in one click

Search by name or hex

Filter by group

Copy as:Hex (#ff6347)Name (tomato)

Red(9)

#ff0000

red

#ff0000

#8b0000

darkred

#8b0000

#b22222

firebrick

#b22222

#dc143c

crimson

#dc143c

#cd5c5c

indianred

#cd5c5c

#f08080

lightcoral

#f08080

#fa8072

salmon

#fa8072

#e9967a

darksalmon

#e9967a

#ffa07a

lightsalmon

#ffa07a

Pink(6)

#ffc0cb

pink

#ffc0cb

#ffb6c1

lightpink

#ffb6c1

#ff69b4

hotpink

#ff69b4

#ff1493

deeppink

#ff1493

#db7093

palevioletred

#db7093

#c71585

mediumvioletred

#c71585

Orange(5)

#ff4500

orangered

#ff4500

#ff6347

tomato

#ff6347

#ff7f50

coral

#ff7f50

#ff8c00

darkorange

#ff8c00

#ffa500

orange

#ffa500

Yellow(11)

#ffff00

yellow

#ffff00

#ffffe0

lightyellow

#ffffe0

#fffacd

lemonchiffon

#fffacd

#fafad2

lightgoldenrodyellow

#fafad2

#ffefd5

papayawhip

#ffefd5

#ffe4b5

moccasin

#ffe4b5

#ffdab9

peachpuff

#ffdab9

#eee8aa

palegoldenrod

#eee8aa

#f0e68c

khaki

#f0e68c

#bdb76b

darkkhaki

#bdb76b

#ffd700

gold

#ffd700

Brown(17)

#fff8dc

cornsilk

#fff8dc

#ffebcd

blanchedalmond

#ffebcd

#ffe4c4

bisque

#ffe4c4

#ffdead

navajowhite

#ffdead

#f5deb3

wheat

#f5deb3

#deb887

burlywood

#deb887

#d2b48c

tan

#d2b48c

#bc8f8f

rosybrown

#bc8f8f

#f4a460

sandybrown

#f4a460

#daa520

goldenrod

#daa520

#b8860b

darkgoldenrod

#b8860b

#cd853f

peru

#cd853f

#d2691e

chocolate

#d2691e

#8b4513

saddlebrown

#8b4513

#a0522d

sienna

#a0522d

#a52a2a

brown

#a52a2a

#800000

maroon

#800000

Green(19)

#556b2f

darkolivegreen

#556b2f

#808000

olive

#808000

#6b8e23

olivedrab

#6b8e23

#9acd32

yellowgreen

#9acd32

#32cd32

limegreen

#32cd32

#00ff00

lime

#00ff00

#7cfc00

lawngreen

#7cfc00

#7fff00

chartreuse

#7fff00

#adff2f

greenyellow

#adff2f

#00ff7f

springgreen

#00ff7f

#00fa9a

mediumspringgreen

#00fa9a

#90ee90

lightgreen

#90ee90

#98fb98

palegreen

#98fb98

#8fbc8f

darkseagreen

#8fbc8f

#3cb371

mediumseagreen

#3cb371

#2e8b57

seagreen

#2e8b57

#228b22

forestgreen

#228b22

#008000

green

#008000

#006400

darkgreen

#006400

Cyan(19)

#66cdaa

mediumaquamarine

#66cdaa

#00ffff

aqua

#00ffff

cyan

#00ffff

#e0ffff

lightcyan

#e0ffff

#afeeee

paleturquoise

#afeeee

#7fffd4

aquamarine

#7fffd4

#40e0d0

turquoise

#40e0d0

#48d1cc

mediumturquoise

#48d1cc

#00ced1

darkturquoise

#00ced1

#5f9ea0

cadetblue

#5f9ea0

#4682b4

steelblue

#4682b4

#b0c4de

lightsteelblue

#b0c4de

#add8e6

lightblue

#add8e6

#b0e0e6

powderblue

#b0e0e6

#87cefa

lightskyblue

#87cefa

#87ceeb

skyblue

#87ceeb

#6495ed

cornflowerblue

#6495ed

#008080

teal

#008080

#008b8b

darkcyan

#008b8b

Blue(11)

#00bfff

deepskyblue

#00bfff

#1e90ff

dodgerblue

#1e90ff

#0000ff

blue

#0000ff

#0000cd

mediumblue

#0000cd

#00008b

darkblue

#00008b

#000080

navy

#000080

#191970

midnightblue

#191970

#4169e1

royalblue

#4169e1

#6a5acd

slateblue

#6a5acd

#483d8b

darkslateblue

#483d8b

#7b68ee

mediumslateblue

#7b68ee

Purple(16)

#8a2be2

blueviolet

#8a2be2

#4b0082

indigo

#4b0082

#9400d3

darkviolet

#9400d3

#9932cc

darkorchid

#9932cc

#8b008b

darkmagenta

#8b008b

#800080

purple

#800080

#ff00ff

fuchsia

#ff00ff

magenta

#ff00ff

#da70d6

orchid

#da70d6

#ba55d3

mediumorchid

#ba55d3

#9370db

mediumpurple

#9370db

#ee82ee

violet

#ee82ee

#dda0dd

plum

#dda0dd

#d8bfd8

thistle

#d8bfd8

#e6e6fa

lavender

#e6e6fa

#663399

rebeccapurple

#663399

White(17)

#ffffff

white

#ffffff

#fffafa

snow

#fffafa

#f0fff0

honeydew

#f0fff0

#f5fffa

mintcream

#f5fffa

#f0ffff

azure

#f0ffff

#f0f8ff

aliceblue

#f0f8ff

#f8f8ff

ghostwhite

#f8f8ff

#f5f5f5

whitesmoke

#f5f5f5

#fff5ee

seashell

#fff5ee

#f5f5dc

beige

#f5f5dc

#fdf5e6

oldlace

#fdf5e6

#fffaf0

floralwhite

#fffaf0

#fffff0

ivory

#fffff0

#faebd7

antiquewhite

#faebd7

#faf0e6

linen

#faf0e6

#fff0f5

lavenderblush

#fff0f5

#ffe4e1

mistyrose

#ffe4e1

Gray(17)

#dcdcdc

gainsboro

#dcdcdc

#d3d3d3

lightgray

#d3d3d3

lightgrey

#d3d3d3

#c0c0c0

silver

#c0c0c0

#a9a9a9

darkgray

#a9a9a9

darkgrey

#a9a9a9

#808080

gray

#808080

grey

#808080

#696969

dimgray

#696969

dimgrey

#696969

#778899

lightslategray

#778899

lightslategrey

#778899

#708090

slategray

#708090

slategrey

#708090

#2f4f4f

darkslategray

#2f4f4f

darkslategrey

#2f4f4f

#000000

black

#000000

147 CSS named colors · CSS Color Level 4 specification

Share:Share on X Share on Facebook

About

CSS named colors are the 148 human-readable color keywords built into every browser — from classic shades like "red" and "blue" to descriptive names like "rebeccapurple" and "cornflowerblue". This tool lists every CSS named color with a live color swatch and hex code so you can instantly find the right color, preview it, and copy the value you need for your stylesheet.

FAQ

How many CSS named colors are there?+

There are 148 CSS named colors defined in the CSS Color Level 4 specification, including the 140 standard X11 colors, 'rebeccapurple' (added in 2014), and both US (gray) and UK (grey) spellings for all gray/grey variants.

Are CSS named colors case-sensitive?+

No. CSS color keywords are case-insensitive, so 'Red', 'RED', and 'red' are all valid and identical. By convention, lowercase is preferred in stylesheets for consistency.

When should I use a named color vs. a hex code?+

Named colors are great for prototyping and readability — 'tomato' is more expressive than '#ff6347'. For production work, hex or hsl values give you finer control and are easier to adjust programmatically.

What is 'rebeccapurple' in CSS?+

'rebeccapurple' (#663399) was added to CSS in 2014 in memory of Rebecca Alison Meyer, daughter of web standards advocate Eric Meyer. It is the only CSS named color added after the original X11 color set.

Related tools

Color Scheme Generator

Generate beautiful color schemes from any base color in seconds

Gradient Generator

Design beautiful CSS gradients with a live visual editor

HEX to RGB Converter

Instantly convert HEX colors to RGB (and back) with a live preview.