Design reference

CSS Named Colors

Search standard CSS color names and copy their HEX, RGB and HSL values.

57 colors

AliceBlue

Blue

NameAliceBlue

HEX#F0F8FF

RGBrgb(240, 248, 255)

HSLhsl(208, 100%, 97%)

AntiqueWhite

White

NameAntiqueWhite

HEX#FAEBD7

RGBrgb(250, 235, 215)

HSLhsl(34, 78%, 91%)

Aqua

Cyan

NameAqua

HEX#00FFFF

RGBrgb(0, 255, 255)

HSLhsl(180, 100%, 50%)

Aquamarine

Green

NameAquamarine

HEX#7FFFD4

RGBrgb(127, 255, 212)

HSLhsl(160, 100%, 75%)

Azure

Cyan

NameAzure

HEX#F0FFFF

RGBrgb(240, 255, 255)

HSLhsl(180, 100%, 97%)

Beige

White

NameBeige

HEX#F5F5DC

RGBrgb(245, 245, 220)

HSLhsl(60, 56%, 91%)

Bisque

Orange

NameBisque

HEX#FFE4C4

RGBrgb(255, 228, 196)

HSLhsl(33, 100%, 88%)

Black

NameBlack

HEX#000000

RGBrgb(0, 0, 0)

HSLhsl(0, 0%, 0%)

Blue

NameBlue

HEX#0000FF

RGBrgb(0, 0, 255)

HSLhsl(240, 100%, 50%)

BlueViolet

Purple

NameBlueViolet

HEX#8A2BE2

RGBrgb(138, 43, 226)

HSLhsl(271, 76%, 53%)

Brown

NameBrown

HEX#A52A2A

RGBrgb(165, 42, 42)

HSLhsl(0, 59%, 41%)

Chocolate

Brown

NameChocolate

HEX#D2691E

RGBrgb(210, 105, 30)

HSLhsl(25, 75%, 47%)

Coral

Orange

NameCoral

HEX#FF7F50

RGBrgb(255, 127, 80)

HSLhsl(16, 100%, 66%)

CornflowerBlue

Blue

NameCornflowerBlue

HEX#6495ED

RGBrgb(100, 149, 237)

HSLhsl(219, 79%, 66%)

Crimson

Red

NameCrimson

HEX#DC143C

RGBrgb(220, 20, 60)

HSLhsl(348, 83%, 47%)

Cyan

NameCyan

HEX#00FFFF

RGBrgb(0, 255, 255)

HSLhsl(180, 100%, 50%)

DarkBlue

Blue

NameDarkBlue

HEX#00008B

RGBrgb(0, 0, 139)

HSLhsl(240, 100%, 27%)

DarkCyan

Cyan

NameDarkCyan

HEX#008B8B

RGBrgb(0, 139, 139)

HSLhsl(180, 100%, 27%)

DarkGoldenRod

Yellow

NameDarkGoldenRod

HEX#B8860B

RGBrgb(184, 134, 11)

HSLhsl(43, 89%, 38%)

DarkGray

Gray

NameDarkGray

HEX#A9A9A9

RGBrgb(169, 169, 169)

HSLhsl(0, 0%, 66%)

DarkGreen

Green

NameDarkGreen

HEX#006400

RGBrgb(0, 100, 0)

HSLhsl(120, 100%, 20%)

DarkOrange

Orange

NameDarkOrange

HEX#FF8C00

RGBrgb(255, 140, 0)

HSLhsl(33, 100%, 50%)

DarkRed

Red

NameDarkRed

HEX#8B0000

RGBrgb(139, 0, 0)

HSLhsl(0, 100%, 27%)

DarkSlateGray

Gray

NameDarkSlateGray

HEX#2F4F4F

RGBrgb(47, 79, 79)

HSLhsl(180, 25%, 25%)

DeepPink

Pink

NameDeepPink

HEX#FF1493

RGBrgb(255, 20, 147)

HSLhsl(328, 100%, 54%)

DodgerBlue

Blue

NameDodgerBlue

HEX#1E90FF

RGBrgb(30, 144, 255)

HSLhsl(210, 100%, 56%)

Gold

Yellow

NameGold

HEX#FFD700

RGBrgb(255, 215, 0)

HSLhsl(51, 100%, 50%)

Gray

NameGray

HEX#808080

RGBrgb(128, 128, 128)

HSLhsl(0, 0%, 50%)

Green

NameGreen

HEX#008000

RGBrgb(0, 128, 0)

HSLhsl(120, 100%, 25%)

HotPink

Pink

NameHotPink

HEX#FF69B4

RGBrgb(255, 105, 180)

HSLhsl(330, 100%, 71%)

Indigo

Purple

NameIndigo

HEX#4B0082

RGBrgb(75, 0, 130)

HSLhsl(275, 100%, 25%)

Lavender

Purple

NameLavender

HEX#E6E6FA

RGBrgb(230, 230, 250)

HSLhsl(240, 67%, 94%)

Lime

Green

NameLime

HEX#00FF00

RGBrgb(0, 255, 0)

HSLhsl(120, 100%, 50%)

Magenta

Pink

NameMagenta

HEX#FF00FF

RGBrgb(255, 0, 255)

HSLhsl(300, 100%, 50%)

Maroon

Red

NameMaroon

HEX#800000

RGBrgb(128, 0, 0)

HSLhsl(0, 100%, 25%)

Navy

Blue

NameNavy

HEX#000080

RGBrgb(0, 0, 128)

HSLhsl(240, 100%, 25%)

Olive

Yellow

NameOlive

HEX#808000

RGBrgb(128, 128, 0)

HSLhsl(60, 100%, 25%)

Orange

NameOrange

HEX#FFA500

RGBrgb(255, 165, 0)

HSLhsl(39, 100%, 50%)

OrangeRed

Orange

NameOrangeRed

HEX#FF4500

RGBrgb(255, 69, 0)

HSLhsl(16, 100%, 50%)

Orchid

Purple

NameOrchid

HEX#DA70D6

RGBrgb(218, 112, 214)

HSLhsl(302, 59%, 65%)

Pink

NamePink

HEX#FFC0CB

RGBrgb(255, 192, 203)

HSLhsl(350, 100%, 88%)

Plum

Purple

NamePlum

HEX#DDA0DD

RGBrgb(221, 160, 221)

HSLhsl(300, 47%, 75%)

Purple

NamePurple

HEX#800080

RGBrgb(128, 0, 128)

HSLhsl(300, 100%, 25%)

RebeccaPurple

Purple

NameRebeccaPurple

HEX#663399

RGBrgb(102, 51, 153)

HSLhsl(270, 50%, 40%)

Red

NameRed

HEX#FF0000

RGBrgb(255, 0, 0)

HSLhsl(0, 100%, 50%)

Salmon

Red

NameSalmon

HEX#FA8072

RGBrgb(250, 128, 114)

HSLhsl(6, 93%, 71%)

Silver

Gray

NameSilver

HEX#C0C0C0

RGBrgb(192, 192, 192)

HSLhsl(0, 0%, 75%)

SkyBlue

Blue

NameSkyBlue

HEX#87CEEB

RGBrgb(135, 206, 235)

HSLhsl(197, 71%, 73%)

SlateGray

Gray

NameSlateGray

HEX#708090

RGBrgb(112, 128, 144)

HSLhsl(210, 13%, 50%)

Teal

Cyan

NameTeal

HEX#008080

RGBrgb(0, 128, 128)

HSLhsl(180, 100%, 25%)

Tomato

Red

NameTomato

HEX#FF6347

RGBrgb(255, 99, 71)

HSLhsl(9, 100%, 64%)

Turquoise

Cyan

NameTurquoise

HEX#40E0D0

RGBrgb(64, 224, 208)

HSLhsl(174, 72%, 56%)

Violet

Purple

NameViolet

HEX#EE82EE

RGBrgb(238, 130, 238)

HSLhsl(300, 76%, 72%)

White

NameWhite

HEX#FFFFFF

RGBrgb(255, 255, 255)

HSLhsl(0, 0%, 100%)

WhiteSmoke

White

NameWhiteSmoke

HEX#F5F5F5

RGBrgb(245, 245, 245)

HSLhsl(0, 0%, 96%)

Yellow

NameYellow

HEX#FFFF00

RGBrgb(255, 255, 0)

HSLhsl(60, 100%, 50%)

YellowGreen

Green

NameYellowGreen

HEX#9ACD32

RGBrgb(154, 205, 50)

HSLhsl(80, 61%, 50%)

Related tool

Convert and inspect any color

Use Color Converter to translate HEX, RGB and HSL values and inspect color properties.

Open Color Converter