CSS Named Colors Reference

Look up 25 color names commonly used in design and development, along with their HEX codes.

Warm colors

Tomato

#FF6347

Coral

#FF7F50

Crimson

#DC143C

Salmon

#FA8072

Gold

#FFD700

Khaki

#F0E68C

Chartreuse

#7FFF00

HotPink

#FF69B4

Maroon

#800000

Olive

#808000

Cool colors

SlateBlue

#6A5ACD

Teal

#008080

Turquoise

#40E0D0

Orchid

#DA70D6

Indigo

#4B0082

SkyBlue

#87CEEB

Plum

#DDA0DD

Lavender

#E6E6FA

Neutral & achromatic colors

Ivory

#FFFFF0

Beige

#F5F5DC

Silver

#C0C0C0

Gray

#808080

DimGray

#696969

Black

#000000

What are CSS named colors?

In CSS and most design tools, you can use a human-readable color name like "Tomato" instead of a HEX code (like #FF6347). These names are defined in the web standard (the CSS Color Module), so they're recognized consistently across browsers and design tools.

How do you read a HEX code?

A HEX code follows the format "#RRGGBB," where each pair of digits represents the amount of red (R), green (G), and blue (B) in hexadecimal (00-FF). For example, #FF0000 is pure red, #000000 is black, and #FFFFFF is white.

Need to convert to another color format?

If you need to convert between HEX, RGB, HSL, and other color formats, try our Color Converter.

Frequently Asked Questions

Does every color have a name?

No β€” the CSS standard defines only about 140 named colors. This page lists 25 of the most commonly used ones.

Are there more color names planned?

Yes, this reference may be expanded over time to cover more of the standard CSS color names.