What is HTML Color Names?

HTML color names are predefined color values that can be used in HTML and CSS to specify colors without having to know their hexadecimal or RGB values. These color names provide a more intuitive way to select colors, especially for beginners or when working with simple color schemes.

Red Colors

LightSalmon

Hex: #FFA07A

RGB: RGB(255, 160, 122)

HSL: HSL(17, 100%, 74%)

DarkSalmon

Hex: #E9967A

RGB: RGB(233, 150, 122)

HSL: HSL(15, 72%, 70%)

Salmon

Hex: #FA8072

RGB: RGB(250, 128, 114)

HSL: HSL(6, 93%, 71%)

LightCoral

Hex: #F08080

RGB: RGB(240, 128, 128)

HSL: HSL(0, 79%, 72%)

IndianRed

Hex: #CD5C5C

RGB: RGB(205, 92, 92)

HSL: HSL(0, 53%, 58%)

Red

Hex: #FF0000

RGB: RGB(255, 0, 0)

HSL: HSL(0, 100%, 50%)

Crimson

Hex: #DC143C

RGB: RGB(220, 20, 60)

HSL: HSL(348, 83%, 47%)

FireBrick

Hex: #B22222

RGB: RGB(178, 34, 34)

HSL: HSL(0, 68%, 42%)

DarkRed

Hex: #8B0000

RGB: RGB(139, 0, 0)

HSL: HSL(0, 100%, 27%)

Pink Colors

Pink

Hex: #FFC0CB

RGB: RGB(255, 192, 203)

HSL: HSL(350, 100%, 87%)

LightPink

Hex: #FFB6C1

RGB: RGB(255, 182, 193)

HSL: HSL(350, 100%, 88%)

HotPink

Hex: #FF69B4

RGB: RGB(255, 105, 180)

HSL: HSL(330, 100%, 71%)

DeepPink

Hex: #FF1493

RGB: RGB(255, 20, 147)

HSL: HSL(328, 100%, 54%)

PaleVioletRed

Hex: #C71585

RGB: RGB(199, 21, 133)

HSL: HSL(340, 81%, 47%)

MediumVioletRed

Hex: #C71585

RGB: RGB(199, 21, 133)

HSL: HSL(340, 81%, 47%)

Orange Colors

Gold

Hex: #FFD700

RGB: RGB(255, 215, 0)

HSL: HSL(51, 100%, 50%)

Orange

Hex: #FFA500

RGB: RGB(255, 165, 0)

HSL: HSL(39, 100%, 50%)

DarkOrange

Hex: #FF8C00

RGB: RGB(255, 140, 0)

HSL: HSL(33, 100%, 50%)

LightSalmon

Hex: #FFA07A

RGB: RGB(255, 160, 122)

HSL: HSL(17, 100%, 74%)

Coral

Hex: #FF7F50

RGB: RGB(255, 127, 80)

HSL: HSL(16, 100%, 65%)

Tomato

Hex: #FF6347

RGB: RGB(255, 99, 71)

HSL: HSL(9, 100%, 64%)

OrangeRed

Hex: #FF4500

RGB: RGB(255, 69, 0)

HSL: HSL(16, 100%, 50%)

Yellow Colors

LightYellow

Hex: #FFFFE0

RGB: RGB(255, 255, 224)

HSL: HSL(60, 100%, 94%)

LemonChiffon

Hex: #FFFACD

RGB: RGB(255, 250, 205)

HSL: HSL(54, 100%, 90%)

LightGoldenrodYellow

Hex: #FAFAD2

RGB: RGB(250, 250, 210)

HSL: HSL(60, 80%, 90%)

Yellow

Hex: #FFFF00

RGB: RGB(255, 255,0)

HSL: HSL(60, 100%, 50%)

PapayaWhip

Hex: #FFEFD5

RGB: RGB(255, 239, 213)

HSL: HSL(37, 100%, 92%)

Moccasin

Hex: #FFE4B5

RGB: RGB(255, 228, 181)

HSL: HSL(38, 100%, 85%)

PeachPuff

Hex: #FFDAB9

RGB: RGB(255, 218, 185)

HSL: HSL(28, 100%, 86%)

PaleGoldenrod

Hex: #EEE8AA

RGB: RGB(238, 232, 170)

HSL: HSL(55, 67%, 80%)

Khaki

Hex: #F0E68C

RGB: RGB(240, 230, 140)

HSL: HSL(54, 77%, 75%)

DarkKhaki

Hex: #BDB76B

RGB: RGB(189, 183, 107)

HSL: HSL(56, 38%, 58%)

Green Colors

GreenYellow

Hex: #ADFF2F

RGB: RGB(173, 255, 47)

HSL: HSL(84, 100%, 59%)

Chartreuse

Hex: #7FFF00

RGB: RGB(127, 255, 0)

HSL: HSL(90, 100%, 50%)

LawnGreen

Hex: #7CFC00

RGB: RGB(124, 252, 0)

HSL: HSL(90, 100%, 49%)

Lime

Hex: #00FF00

RGB: RGB(0, 255, 0)

HSL: HSL(120, 100%, 50%)

PaleGreen

Hex: #98FB98

RGB: RGB(152, 251, 152)

HSL: HSL(120, 93%, 79%)

LightGreen

Hex: #90EE90

RGB: RGB(144, 238, 144)

HSL: HSL(120, 73%, 75%)

SpringGreen

Hex: #00FF7F

RGB: RGB(0, 255, 127)

HSL: HSL(150, 100%, 50%)

MediumSpringGreen

Hex: #00FA9A

RGB: RGB(0, 250, 154)

HSL: HSL(157, 100%, 49%)

LimeGreen

Hex: #32CD32

RGB: RGB(50, 205, 50)

HSL: HSL(120, 61%, 50%)

MediumSeaGreen

Hex: #3CB371

RGB: RGB(60, 179, 113)

HSL: HSL(147, 50%, 47%)

SeaGreen

Hex: #2E8B57

RGB: RGB(46, 139, 87)

HSL: HSL(146, 50%, 36%)

ForestGreen

Hex: #228B22

RGB: RGB(34, 139, 34)

HSL: HSL(120, 61%, 34%)

Green

Hex: #008000

RGB: RGB(0, 128, 0)

HSL: HSL(120, 100%, 25%)

DarkGreen

Hex: #006400

RGB: RGB(0, 100, 0)

HSL: HSL(120, 100%, 20%)

YellowGreen

Hex: #9ACD32

RGB: RGB(154, 205, 50)

HSL: HSL(80, 61%, 50%)

OliveDrab

Hex: #6B8E23

RGB: RGB(107, 142, 35)

HSL: HSL(80, 39%, 35%)

Olive

Hex: #808000

RGB: RGB(128, 128, 0)

HSL: HSL(60, 100%, 25%)

DarkOliveGreen

Hex: #556B2F

RGB: RGB(85, 107, 47)

HSL: HSL(82, 39%, 30%)

MediumAquamarine

Hex: #66CDAA

RGB: RGB(102, 205, 170)

HSL: HSL(160, 51%, 60%)

DarkSeaGreen

Hex: #8FBC8B

RGB: RGB(143, 188, 139)

HSL: HSL(120, 25%, 65%)

LightSeaGreen

Hex: #20B2AA

RGB: RGB(32, 178, 170)

HSL: HSL(177, 70%, 41%)

DarkCyan

Hex: #008B8B

RGB: RGB(0, 139, 139)

HSL: HSL(180, 100%, 27%)

Teal

Hex: #008080

RGB: RGB(0, 128, 128)

HSL: HSL(180, 100%, 25%)

Blue Colors

LightCyan

Hex: #E0FFFF

RGB: RGB(224, 255, 255)

HSL: HSL(180, 100%, 94%)

Aqua or Cyan

Hex: #00FFFF

RGB: RGB(0, 255, 255)

HSL: HSL(180, 100%, 50%)

Aquamarine

Hex: #7FFFD4

RGB: RGB(127, 255, 212)

HSL: HSL(160, 100%, 75%)

PaleTurquoise

Hex: #AFEEEE

RGB: RGB(175, 238, 238)

HSL: HSL(180, 65%, 81%)

Turquoise

Hex: #40E0D0

RGB: RGB(64, 224, 208)

HSL: HSL(174, 72%, 56%)

MediumTurquoise

Hex: #48D1CC

RGB: RGB(72, 209, 204)

HSL: HSL(178, 60%, 55%)

DarkTurquoise

Hex: #00CED1

RGB: RGB(0, 206, 209)

HSL: HSL(181, 100%, 41%)

CadetBlue

Hex: #5F9EA0

RGB: RGB(95, 158, 160)

HSL: HSL(182, 25%, 50%)

SteelBlue

Hex: #4682B4

RGB: RGB(70, 130, 180)

HSL: HSL(207, 44%, 49%)

LightSteelBlue

Hex: #B0C4DE

RGB: RGB(176, 196, 222)

HSL: HSL(214, 41%, 78%)

PowderBlue

Hex: #B0E0E6

RGB: RGB(176, 224, 230)

HSL: HSL(187, 52%, 80%)

LightBlue

Hex: #ADD8E6

RGB: RGB(173, 216, 230)

HSL: HSL(195, 53%, 79%)

SkyBlue

Hex: #87CEEB

RGB: RGB(135, 206, 235)

HSL: HSL(197, 71%, 73%)

LightSkyBlue

Hex: #87CEFA

RGB: RGB(135, 206, 250)

HSL: HSL(203, 92%, 75%)

DeepSkyBlue

Hex: #00BFFF

RGB: RGB(0, 191, 255)

HSL: HSL(195, 100%, 50%)

DodgerBlue

Hex: #1E90FF

RGB: RGB(30, 144, 255)

HSL: HSL(210, 100%, 56%)

CornflowerBlue

Hex: #6495ED

RGB: RGB(100, 149, 237)

HSL: HSL(219, 79%, 66%)

MediumSlateBlue

Hex: #7B68EE

RGB: RGB(123, 104, 238)

HSL: HSL(249, 80%, 67%)

RoyalBlue

Hex: #4169E1

RGB: RGB(65, 105, 225)

HSL: HSL(225, 73%, 57%)

Blue

Hex: #0000FF

RGB: RGB(0, 0, 255)

HSL: HSL(240, 100%, 50%)

MediumBlue

Hex: #0000CD

RGB: RGB(0, 0, 205)

HSL: HSL(240, 100%, 40%)

DarkBlue

Hex: #00008B

RGB: RGB(0, 0, 139)

HSL: HSL(240, 100%, 27%)

Navy

Hex: #000080

RGB: RGB(0, 0, 128)

HSL: HSL(240, 100%, 25%)

MidnightBlue

Hex: #191970

RGB: RGB(25, 25, 112)

HSL: HSL(240, 64%, 27%)

Brown Colors

Cornsilk

Hex: #FFF8DC

RGB: RGB(255, 248, 220)

HSL: HSL(48, 100%, 93%)

BlanchedAlmond

Hex: #FFEBCD

RGB: RGB(255, 235, 205)

HSL: HSL(36, 100%, 90%)

Bisque

Hex: #FFE4C4

RGB: RGB(255, 228, 196)

HSL: HSL(33, 100%, 88%)

NavajoWhite

Hex: #FFDEAD

RGB: RGB(255, 222, 173)

HSL: HSL(36, 100%, 84%)

Wheat

Hex: #F5DEB3

RGB: RGB(245, 222, 179)

HSL: HSL(39, 77%, 83%)

BurlyWood

Hex: #DEB887

RGB: RGB(222, 184, 135)

HSL: HSL(34, 57%, 70%)

Tan

Hex: #D2B48C

RGB: RGB(210, 180, 140)

HSL: HSL(34, 44%, 68%)

Goldenrod

Hex: #DAA520

RGB: RGB(218, 165, 32)

HSL: HSL(43, 74%, 49%)

DarkGoldenrod

Hex: #B8860B

RGB: RGB(184, 134, 11)

HSL: HSL(43, 89%, 38%)

RosyBrown

Hex: #BC8F8F

RGB: RGB(188, 143, 143)

HSL: HSL(0, 25%, 65%)

SandyBrown

Hex: #F4A460

RGB: RGB(244, 164, 96)

HSL: HSL(28, 87%, 67%)

Peru

Hex: #CD853F

RGB: RGB(205, 133, 63)

HSL: HSL(30, 59%, 53%)

Chocolate

Hex: #D2691E

RGB: RGB(210, 105, 30)

HSL: HSL(25, 75%, 47%)

Sienna

Hex: #A0522D

RGB: RGB(160, 82, 45)

HSL: HSL(19, 56%, 40%)

SaddleBrown

Hex: #8B4513

RGB: RGB(139, 69, 19)

HSL: HSL(25, 76%, 31%)

Brown

Hex: #A52A2A

RGB: RGB(165, 42, 42)

HSL: HSL(0, 59%, 41%)

Maroon

Hex: #800000

RGB: RGB(128, 0, 0)

HSL: HSL(0, 100%, 25%)

Purple Colors

Lavender

Hex: #E6E6FA

RGB: RGB(230, 230, 250)

HSL: HSL(240, 67%, 94%)

Thistle

Hex: #D8BFD8

RGB: RGB(216, 191, 216)

HSL: HSL(240, 24%, 80%)

Plum

Hex: #DDA0DD

RGB: RGB(221, 160, 221)

HSL: HSL(300, 47%, 75%)

Violet

Hex: #EE82EE

RGB: RGB(238, 130, 238)

HSL: HSL(300, 76%, 72%)

Orchid

Hex: #DA70D6

RGB: RGB(218, 112, 214)

HSL: HSL(302, 59%, 65%)

Fuchsia or Magenta

Hex: #FF00FF

RGB: RGB(255, 0, 255)

HSL: HSL(300, 100%, 50%)

MediumOrchid

Hex: #BA55D3

RGB: RGB(186, 85, 211)

HSL: HSL(288, 59%, 58%)

MediumPurple

Hex: #9370DB

RGB: RGB(147, 112, 219)

HSL: HSL(259, 59%, 65%)

RebeccaPurple

Hex: #663399

RGB: RGB(102, 51, 153)

HSL: HSL(270, 50%, 40%)

BlueViolet

Hex: #8A2BE2

RGB: RGB(138, 43, 226)

HSL: HSL(271, 76%, 53%)

DarkViolet

Hex: #9400D3

RGB: RGB(148, 0, 211)

HSL: HSL(282, 100%, 41%)

DarkOrchid

Hex: #9932CC

RGB: RGB(153, 50, 204)

HSL: HSL(280, 61%, 50%)

DarkMagenta

Hex: #8B008B

RGB: RGB(139, 0, 139)

HSL: HSL(300, 100%, 27%)

Purple

Hex: #800080

RGB: RGB(128, 0, 128)

HSL: HSL(300, 100%, 25%)

Indigo

Hex: #4B0082

RGB: RGB(75, 0, 130)

HSL: HSL(275, 100%, 25%)

MediumSlateBlue

Hex: #7B68EE

RGB: RGB(123, 104, 238)

HSL: HSL(249, 80%, 67%)

SlateBlue

Hex: #6A5ACD

RGB: RGB(106, 90, 205)

HSL: HSL(248, 53%, 58%)

DarkSlateBlue

Hex: #483D8B

RGB: RGB(72, 61, 139)

HSL: HSL(248, 39%, 39%)

White Colors

White

Hex: #FFFFFF

RGB: RGB(255, 255, 255)

HSL: HSL(0, 100%, 100%)

Snow

Hex: #FFFAFA

RGB: RGB(255, 250, 250)

HSL: HSL(0, 100%, 99%)

FloralWhite

Hex: #FFFAF0

RGB: RGB(255, 250, 240)

HSL: HSL(40, 100%, 97%)

Ivory

Hex: #FFFFF0

RGB: RGB(255, 255, 240)

HSL: HSL(60, 100%, 97%)

HoneyDew

Hex: #F0FFF0

RGB: RGB(240, 255, 240)

HSL: HSL(120, 100%, 97%)

MintCream

Hex: #F5FFFA

RGB: RGB(245, 255, 250)

HSL: HSL(150, 100%, 98%)

Azure

Hex: #F0FFFF

RGB: RGB(240, 255, 255)

HSL: HSL(180, 100%, 97%)

AliceBlue

Hex: #F0F8FF

RGB: RGB(240, 248, 255)

HSL: HSL(208, 100%, 97%)

GhostWhite

Hex: #F8F8FF

RGB: RGB(248, 248, 255)

HSL: HSL(240, 100%, 99%)

WhiteSmoke

Hex: #F5F5F5

RGB: RGB(245, 245, 245)

HSL: HSL(0, 0%, 96%)

Beige

Hex: #F5F5DC

RGB: RGB(245, 245, 220)

HSL: HSL(60, 56%, 91%)

SeaShell

Hex: #FFF5EE

RGB: RGB(255, 245, 238)

HSL: HSL(25, 100%, 97%)

OldLace

Hex: #FDF5E6

RGB: RGB(253, 245, 230)

HSL: HSL(39, 85%, 95%)

AntiqueWhite

Hex: #FAEBD7

RGB: RGB(250, 235, 215)

HSL: HSL(34, 78%, 91%)

Linen

Hex: #FAF0E6

RGB: RGB(250, 240, 230)

HSL: HSL(30, 67%, 94%)

LavenderBlush

Hex: #FFF0F5

RGB: RGB(255, 240, 245)

HSL: HSL(340, 100%, 97%)

MistyRose

Hex: #FFE4E1

RGB: RGB(255, 228, 225)

HSL: HSL(6, 100%, 94%)

Gray Colors

Gainsboro

Hex: #DCDCDC

RGB: RGB(220, 220, 220)

HSL: HSL(0, 0%, 86%)

LightGray

Hex: #D3D3D3

RGB: RGB(211, 211, 211)

HSL: HSL(0, 0%, 83%)

Silver

Hex: #C0C0C0

RGB: RGB(192, 192, 192)

HSL: HSL(0, 0%, 75%)

DarkGray

Hex: #A9A9A9

RGB: RGB(169, 169, 169)

HSL: HSL(0, 0%, 66%)

Gray

Hex: #808080

RGB: RGB(128, 128, 128)

HSL: HSL(0, 0%, 50%)

DimGray

Hex: #696969

RGB: RGB(105, 105, 105)

HSL: HSL(0, 0%, 41%)

LightSlateGray

Hex: #778899

RGB: RGB(119, 136, 153)

HSL: HSL(210, 14%, 53%)

SlateGray

Hex: #708090

RGB: RGB(112, 128, 144)

HSL: HSL(210, 13%, 50%)

DarkSlateGray

Hex: #2F4F4F

RGB: RGB(47, 79, 79)

HSL: HSL(180, 25%, 25%)

Black

Hex: #000000

RGB: RGB(0, 0, 0)

HSL: HSL(0, 0%, 0%)

How to use HTML codes and Names

HTML color codes, often referred to as hexadecimal color codes, are a way to specify colors in HTML, CSS, and other web-related languages. They represent colors using a combination of red, green, and blue (RGB) values encoded in hexadecimal format.


CSS Stylesheet
------------------
h1 { color: DeepSkyBlue; }
p { color: Green; }
        

HTML Document
----------------
<body>
    <h1 style="color:DeepSkyBlue">This is DeepSkyBlue</h1>
    <p style="color:Green">This is Green</p>
</body>

Related Tools