CSS Named Colors

All 147 CSS / X11 named colors with HEX, RGB, and a live swatch — searchable and grouped by hue.

#CD5C5C

IndianRed

rgb(205, 92, 92)

#F08080

LightCoral

rgb(240, 128, 128)

#FA8072

Salmon

rgb(250, 128, 114)

#E9967A

DarkSalmon

rgb(233, 150, 122)

#FFA07A

LightSalmon

rgb(255, 160, 122)

#DC143C

Crimson

rgb(220, 20, 60)

#FF0000

Red

rgb(255, 0, 0)

#B22222

FireBrick

rgb(178, 34, 34)

#8B0000

DarkRed

rgb(139, 0, 0)

#FFC0CB

Pink

rgb(255, 192, 203)

#FFB6C1

LightPink

rgb(255, 182, 193)

#FF69B4

HotPink

rgb(255, 105, 180)

#FF1493

DeepPink

rgb(255, 20, 147)

#C71585

MediumVioletRed

rgb(199, 21, 133)

#DB7093

PaleVioletRed

rgb(219, 112, 147)

#FF7F50

Coral

rgb(255, 127, 80)

#FF6347

Tomato

rgb(255, 99, 71)

#FF4500

OrangeRed

rgb(255, 69, 0)

#FF8C00

DarkOrange

rgb(255, 140, 0)

#FFA500

Orange

rgb(255, 165, 0)

#FFD700

Gold

rgb(255, 215, 0)

#FFFF00

Yellow

rgb(255, 255, 0)

#FFFFE0

LightYellow

rgb(255, 255, 224)

#FFFACD

LemonChiffon

rgb(255, 250, 205)

#FAFAD2

LightGoldenrodYellow

rgb(250, 250, 210)

#FFEFD5

PapayaWhip

rgb(255, 239, 213)

#FFE4B5

Moccasin

rgb(255, 228, 181)

#FFDAB9

PeachPuff

rgb(255, 218, 185)

#EEE8AA

PaleGoldenrod

rgb(238, 232, 170)

#F0E68C

Khaki

rgb(240, 230, 140)

#BDB76B

DarkKhaki

rgb(189, 183, 107)

#ADFF2F

GreenYellow

rgb(173, 255, 47)

#7FFF00

Chartreuse

rgb(127, 255, 0)

#7CFC00

LawnGreen

rgb(124, 252, 0)

#00FF00

Lime

rgb(0, 255, 0)

#32CD32

LimeGreen

rgb(50, 205, 50)

#98FB98

PaleGreen

rgb(152, 251, 152)

#90EE90

LightGreen

rgb(144, 238, 144)

#00FA9A

MediumSpringGreen

rgb(0, 250, 154)

#00FF7F

SpringGreen

rgb(0, 255, 127)

#3CB371

MediumSeaGreen

rgb(60, 179, 113)

#2E8B57

SeaGreen

rgb(46, 139, 87)

#228B22

ForestGreen

rgb(34, 139, 34)

#008000

Green

rgb(0, 128, 0)

#006400

DarkGreen

rgb(0, 100, 0)

#9ACD32

YellowGreen

rgb(154, 205, 50)

#6B8E23

OliveDrab

rgb(107, 142, 35)

#808000

Olive

rgb(128, 128, 0)

#556B2F

DarkOliveGreen

rgb(85, 107, 47)

#66CDAA

MediumAquaMarine

rgb(102, 205, 170)

#8FBC8F

DarkSeaGreen

rgb(143, 188, 143)

#20B2AA

LightSeaGreen

rgb(32, 178, 170)

#008B8B

DarkCyan

rgb(0, 139, 139)

#008080

Teal

rgb(0, 128, 128)

#00FFFF

Aqua

rgb(0, 255, 255)

#00FFFF

Cyan

rgb(0, 255, 255)

#E0FFFF

LightCyan

rgb(224, 255, 255)

#AFEEEE

PaleTurquoise

rgb(175, 238, 238)

#7FFFD4

Aquamarine

rgb(127, 255, 212)

#40E0D0

Turquoise

rgb(64, 224, 208)

#48D1CC

MediumTurquoise

rgb(72, 209, 204)

#00CED1

DarkTurquoise

rgb(0, 206, 209)

#5F9EA0

CadetBlue

rgb(95, 158, 160)

#4682B4

SteelBlue

rgb(70, 130, 180)

#B0C4DE

LightSteelBlue

rgb(176, 196, 222)

#B0E0E6

PowderBlue

rgb(176, 224, 230)

#ADD8E6

LightBlue

rgb(173, 216, 230)

#87CEEB

SkyBlue

rgb(135, 206, 235)

#87CEFA

LightSkyBlue

rgb(135, 206, 250)

#00BFFF

DeepSkyBlue

rgb(0, 191, 255)

#1E90FF

DodgerBlue

rgb(30, 144, 255)

#6495ED

CornflowerBlue

rgb(100, 149, 237)

#7B68EE

MediumSlateBlue

rgb(123, 104, 238)

#4169E1

RoyalBlue

rgb(65, 105, 225)

#0000FF

Blue

rgb(0, 0, 255)

#0000CD

MediumBlue

rgb(0, 0, 205)

#00008B

DarkBlue

rgb(0, 0, 139)

#000080

Navy

rgb(0, 0, 128)

#191970

MidnightBlue

rgb(25, 25, 112)

#E6E6FA

Lavender

rgb(230, 230, 250)

#D8BFD8

Thistle

rgb(216, 191, 216)

#DDA0DD

Plum

rgb(221, 160, 221)

#EE82EE

Violet

rgb(238, 130, 238)

#DA70D6

Orchid

rgb(218, 112, 214)

#FF00FF

Fuchsia

rgb(255, 0, 255)

#FF00FF

Magenta

rgb(255, 0, 255)

#BA55D3

MediumOrchid

rgb(186, 85, 211)

#9370DB

MediumPurple

rgb(147, 112, 219)

#663399

RebeccaPurple

rgb(102, 51, 153)

#8A2BE2

BlueViolet

rgb(138, 43, 226)

#9400D3

DarkViolet

rgb(148, 0, 211)

#9932CC

DarkOrchid

rgb(153, 50, 204)

#8B008B

DarkMagenta

rgb(139, 0, 139)

#800080

Purple

rgb(128, 0, 128)

#4B0082

Indigo

rgb(75, 0, 130)

#6A5ACD

SlateBlue

rgb(106, 90, 205)

#483D8B

DarkSlateBlue

rgb(72, 61, 139)

#FFF8DC

Cornsilk

rgb(255, 248, 220)

#FFEBCD

BlanchedAlmond

rgb(255, 235, 205)

#FFE4C4

Bisque

rgb(255, 228, 196)

#FFDEAD

NavajoWhite

rgb(255, 222, 173)

#F5DEB3

Wheat

rgb(245, 222, 179)

#DEB887

BurlyWood

rgb(222, 184, 135)

#D2B48C

Tan

rgb(210, 180, 140)

#BC8F8F

RosyBrown

rgb(188, 143, 143)

#F4A460

SandyBrown

rgb(244, 164, 96)

#DAA520

Goldenrod

rgb(218, 165, 32)

#B8860B

DarkGoldenrod

rgb(184, 134, 11)

#CD853F

Peru

rgb(205, 133, 63)

#D2691E

Chocolate

rgb(210, 105, 30)

#8B4513

SaddleBrown

rgb(139, 69, 19)

#A0522D

Sienna

rgb(160, 82, 45)

#A52A2A

Brown

rgb(165, 42, 42)

#800000

Maroon

rgb(128, 0, 0)

#FFFFFF

White

rgb(255, 255, 255)

#FFFAFA

Snow

rgb(255, 250, 250)

#F0FFF0

HoneyDew

rgb(240, 255, 240)

#F5FFFA

MintCream

rgb(245, 255, 250)

#F0FFFF

Azure

rgb(240, 255, 255)

#F0F8FF

AliceBlue

rgb(240, 248, 255)

#F8F8FF

GhostWhite

rgb(248, 248, 255)

#F5F5F5

WhiteSmoke

rgb(245, 245, 245)

#FFF5EE

SeaShell

rgb(255, 245, 238)

#F5F5DC

Beige

rgb(245, 245, 220)

#FDF5E6

OldLace

rgb(253, 245, 230)

#FFFAF0

FloralWhite

rgb(255, 250, 240)

#FFFFF0

Ivory

rgb(255, 255, 240)

#FAEBD7

AntiqueWhite

rgb(250, 235, 215)

#FAF0E6

Linen

rgb(250, 240, 230)

#FFF0F5

LavenderBlush

rgb(255, 240, 245)

#FFE4E1

MistyRose

rgb(255, 228, 225)

#DCDCDC

Gainsboro

rgb(220, 220, 220)

#D3D3D3

LightGray

rgb(211, 211, 211)

#C0C0C0

Silver

rgb(192, 192, 192)

#A9A9A9

DarkGray

rgb(169, 169, 169)

#808080

Gray

rgb(128, 128, 128)

#696969

DimGray

rgb(105, 105, 105)

#778899

LightSlateGray

rgb(119, 136, 153)

#708090

SlateGray

rgb(112, 128, 144)

#2F4F4F

DarkSlateGray

rgb(47, 79, 79)

#000000

Black

rgb(0, 0, 0)

How to use

Type a name (tomato) or a HEX (#ff6347) into the search box.
Use the hue chips to narrow down — e.g. just the blues when picking accent colors.
Click any color's copy button to put its HEX on the clipboard.

About this tool

Show

Browse every CSS colour keyword with a live swatch, its hex code and the equivalent rgb() notation, filtered by hue family or searched across name and hex. The list is worth understanding rather than trusting: it was inherited from the X11 window system through early browsers, not designed, which is why it carries both gray and grey spellings of four different colours and why DarkGray is genuinely lighter than Gray — the two came from different sources and were never reconciled. The one deliberate addition is rebeccapurple, added in 2014 in memory of the daughter of a web standards author. Click the copy button on any colour to take the hex.

Frequently asked questions

Are Gray and Grey both valid?

Yes. All CSS color keywords accept both spellings — Gray, LightGray, DarkGray, DimGray, SlateGray all also work with Grey. The table lists the Gray form for brevity.

What's RebeccaPurple?

Added in CSS Color Module Level 4 in 2014, in memory of Eric Meyer's daughter Rebecca. It's the only named color introduced after the original X11 set.

Which named colors are identical?

Aqua and Cyan are both #00FFFF; Magenta and Fuchsia are both #FF00FF. They date back to the merge of HTML 4's 16 named colors with the X11 set.

Should a design system be built on named colours?

They are fine as literals in a quick page or a demo, but they are an arbitrary palette inherited from X11 with no consistent scale behind the names — DarkGray (#A9A9A9) is lighter than Gray (#808080), for example. Anything that needs even steps, theming or a dark variant should define its own tokens instead of borrowing keywords.

Do these names work outside CSS?

Mostly. The same X11 list turns up in SVG, in many plotting and drawing libraries, and in some editors, but not everywhere and not always with identical values — some environments define only a subset. When the exact colour matters across tools, convert the keyword to hex and pass that.

Related tools

Tailwind Color Palette

The full Tailwind CSS v4 default palette — 22 hues × 11 shades, 50 through 950 — with click-to-copy as Tailwind class, HEX, or rgb().

Color & CSS

Color Sort

Paste a list of hex colors and sort them by hue, saturation, lightness, or perceived brightness — useful for tidying a design-token palette.

Color & CSS

Wavelength to Color Converter (nm → sRGB)

Convert a light wavelength in nanometres (380–780 nm) to an approximate sRGB color, with a clickable rainbow bar and Fraunhofer reference lines.

Color & CSS

Color Token Exporter

Define a color palette once, export to CSS custom properties, Tailwind config, SCSS, LESS, design-token JSON, SwiftUI Color, or Android colors.xml.

Color & CSS

Color Name Finder

Find the closest CSS, Tailwind, or XKCD-survey color name for any hex/RGB input — ranked by perceptual distance in OKLab color space.

Color & CSS

Color Format Converter

Convert any color between HEX, RGB, HSL, HSV, OKLCH, and a CSS custom property.

Color & CSS