Predefined color names are specified like this:
AliceBlue
The HTML 4.01 and CSS 2.1 specifications predefined 140 color names. Predefined color names are supported in all major browsers.
RGB hex color values are specified like this:
#RRGGBB
where RR, GG and BB are two-digit hexadecimal integers between 00 and FF specifying the intensity of the red (RR), green (GG), and blue (BB) colors. Hexadecimal colors are supported in all major browsers.
RGB color values are specified like this:
rgb(red, green, blue)
The red, green, and blue values are specified by decimal integers between 0 and 255. RGB colors are supported in all major browsers.
HSL color values are specified like this:
hsl(hue, saturation, lightness)
Hue is a degree on the color wheel from 0 to 360: 0 is red, 120 is green, 240 is blue. Saturation is a color percentage: 0% means a shade of gray and 100% is the full color. Lightness is a percentage: 0% is black, 100% is white. HSL colors are supported in all major browsers.
Colors can be specified in any of the following ways (these four examples are equivalent):
background-color: AliceBlue;
background-color: #F0F8FF;
background-color: rgb(240, 248, 255);
background-color: hsl(208, 100%, 97%);
How to Read the Color Charts
The color charts are displayed like this:
. | . | . | . | ||||||||||||||||||
AliceBlue |
#F0F8FF |
rgb(240, 248, 255) |
hsl(208, 100%, 97%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
F0F 8FF |
E6F 3FF |
CCE 7FF |
B3D BFF |
99C FFF |
80C 3FF |
66B 8FF |
4DA CFF |
33A 0FF |
1A9 4FF |
008 8FF |
007 AE6 |
006 DCC |
005 FB3 |
005 299 |
004 480 |
003 666 |
002 94D |
001 B33 |
000 E1A |
000 000 |
100% | 97% | 95% | 90% | 85% | 80% | 75% | 70% | 65% | 60% | 55% | 50% | 45% | 40% | 35% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |
The top row is the color displayed using each of the four specification methods. The second row shows how the color is specified in the cell above it.
The third row shows the lightness values for the base color (the color in the top row). The fourth row shows the RGB hex color value for the cell above it. (The six-digit hex value is shown split into two groups of three to keep the column widths manageable.) The fifth row shows the lightness percentage.
The Color Charts
AliceBlue
. | . | . | . | ||||||||||||||||||
AliceBlue |
#F0F8FF |
rgb(240, 248, 255) |
hsl(208, 100%, 97%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
F0F 8FF |
E6F 3FF |
CCE 7FF |
B3D BFF |
99C FFF |
80C 3FF |
66B 8FF |
4DA CFF |
33A 0FF |
1A9 4FF |
008 8FF |
007 AE6 |
006 DCC |
005 FB3 |
005 299 |
004 480 |
003 666 |
002 94D |
001 B33 |
000 E1A |
000 000 |
100% | 97% | 95% | 90% | 85% | 80% | 75% | 70% | 65% | 60% | 55% | 50% | 45% | 40% | 35% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |
AntiqueWhite
. | . | . | . | ||||||||||||||||||
AntiqueWhite |
#FAEBD7 |
rgb(250, 235, 215) |
hsl(34, 78%, 91%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
FCF 4E8 |
FAE BD7 |
F9E 8D2 |
F7D DBB |
F4D 1A4 |
F1C 68E |
EEB A77 |
EBA F60 |
E9A 449 |
E69 833 |
E38 D1C |
CC7 F19 |
B67 116 |
9F6 314 |
885 411 |
714 60E |
5B3 80B |
442 A08 |
2D1 C06 |
170 E03 |
000 000 |
100% | 95% | 91% | 90% | 85% | 80% | 75% | 70% | 65% | 60% | 55% | 50% | 45% | 40% | 35% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |
Aqua
Aquamarine
Azure
Beige
Bisque
Black
BlanchedAlmond
Blue
BlueViolet
Brown
BurlyWood
CadetBlue
Chartreuse
Chocolate
Coral
CornflowerBlue
Cornsilk
Crimson
Cyan
DarkBlue
DarkCyan
DarkGoldenRod
DarkGray / DarkGrey
DarkGreen
DarkKhaki
DarkMagenta
DarkOliveGreen
DarkOrange
DarkOrchid
DarkRed
DarkSalmon
DarkSeaGreen
DarkSlateBlue
DarkSlateGray / DarkSlateGrey
DarkTurquoise
DarkViolet
DeepPink
DeepSkyBlue
DimGray / DimGrey
DodgerBlue
FireBrick
FloralWhite
ForestGreen
. | . | . | . | ||||||||||||||||||
ForestGreen |
#228B22 |
rgb(34, 139, 34) |
hsl(120, 61%, 34%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
EAF AEA |
D6F 5D6 |
C1F 0C1 |
ADE BAD |
98E 698 |
84E 184 |
6FD C6F |
5BD 75B |
46D 246 |
32C D32 |
2DB 92D |
28A 428 |
239 023 |
228 B22 |
1E7 B1E |
196 719 |
145 214 |
0F3 E0F |
0A2 90A |
051 505 |
000 000 |
100% | 95% | 90% | 85% | 80% | 75% | 70% | 65% | 60% | 55% | 50% | 45% | 40% | 35% | 34% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |
Fuchsia
Gainsboro
GhostWhite
Gold
GoldenRod
Gray / Grey
Green
GreenYellow
HoneyDew
HotPink
IndianRed
Indigo
Ivory
Khaki
Lavender
LavenderBlush
LawnGreen
LemonChiffon
LightBlue
LightCoral
LightCyan
LightGoldenRodYellow
LightGray / LightGrey
LightGreen
LightPink
LightSalmon
LightSeaGreen
LightSkyBlue
LightSlateGray / LightSlateGrey
LightSteelBlue
LightYellow
Lime
LimeGreen
Linen
Magenta
Maroon
MediumAquaMarine
MediumBlue
MediumOrchid
MediumPurple
MediumSeaGreen
MediumSlateBlue
MediumSpringGreen
MediumTurquoise
MediumVioletRed
MidnightBlue
MintCream
MistyRose
Moccasin
NavajoWhite
Navy
OldLace
Olive
OliveDrab
Orange
OrangeRed
Orchid
PaleGoldenRod
PaleGreen
PaleTurquoise
PaleVioletRed
PapayaWhip
PeachPuff
Peru
Pink
Plum
PowderBlue
Purple
RebeccaPurple
. | . | . | . | ||||||||||||||||||
RebeccaPurple |
#663399 |
rgb(102, 51, 153) |
hsl(270, 50%, 40%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
F2E CF9 |
E6D 9F2 |
D9C 6EC |
CCB 3E6 |
BF9 FDF |
B38 CD9 |
A67 9D2 |
996 6CC |
8C5 3C6 |
804 0BF |
733 9AC |
663 399 |
663 399 |
592 D86 |
4D2 673 |
402 060 |
331 94D |
261 339 |
1A0 D26 |
0D0 613 |
000 000 |
100% | 95% | 90% | 85% | 80% | 75% | 70% | 65% | 60% | 55% | 50% | 45% | 40% | 40% | 35% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |
Red
. | . | . | . | ||||||||||||||||||
Red |
#FF0000 |
rgb(255, 0, 0) |
hsl(0, 100%, 50%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
FFE 6E6 |
FFC CCC |
FFB 3B3 |
FF9 999 |
FF8 080 |
FF6 666 |
FF4 D4D |
FF3 333 |
FF1 A1A |
FF0 000 |
FF0 000 |
E60 000 |
CC0 000 |
B30 000 |
990 000 |
800 000 |
660 000 |
4D0 000 |
330 000 |
1A0 000 |
000 000 |
100% | 95% | 90% | 85% | 80% | 75% | 70% | 65% | 60% | 55% | 50% | 50% | 45% | 40% | 35% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |
RosyBrown
RoyalBlue
SaddleBrown
Salmon
SandyBrown
SeaGreen
SeaShell
Sienna
Silver
. | . | . | . | ||||||||||||||||||
Silver |
#C0C0C0 |
rgb(192, 192, 192) |
hsl(0, 0%, 75%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
F2F 2F2 |
E6E 6E6 |
D9D 9D9 |
CCC CCC |
C0C 0C0 |
C0C 0C0 |
B3B 3B3 |
A6A 6A6 |
999 999 |
8C8 C8C |
808 080 |
737 373 |
666 666 |
595 959 |
4D4 D4D |
404 040 |
333 333 |
262 626 |
1A1 A1A |
0D0 D0D |
000 000 |
100% | 95% | 90% | 85% | 80% | 75% | 75% | 70% | 65% | 60% | 55% | 50% | 45% | 40% | 35% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |
SkyBlue
SlateBlue
SlateGray / SlateGrey
Snow
SpringGreen
SteelBlue
Tan
. | . | . | . | ||||||||||||||||||
Tan |
#D2B48C |
rgb(210, 180, 140) |
hsl(34, 44%, 69%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
F8F 3ED |
F1E 7DA |
EAD BC8 |
E2C FB6 |
DBC 3A3 |
D4B 791 |
D2B 48C |
CDA B7E |
C69 F6C |
BF9 35A |
B88 747 |
A57 940 |
936 C39 |
815 E32 |
6E5 12B |
5C4 324 |
493 61D |
372 815 |
251 B0E |
120 D07 |
000 000 |
100% | 95% | 90% | 85% | 80% | 75% | 70% | 69% | 65% | 60% | 55% | 50% | 45% | 40% | 35% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |
Teal
Thistle
Tomato
Turquoise
Violet
Wheat
White
WhiteSmoke
Yellow
. | . | . | . | ||||||||||||||||||
Yellow |
#FFFF00 |
rgb(255, 255, 0) |
hsl(60, 100%, 50%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
FFF FE6 |
FFF FCC |
FFF FB3 |
FFF F99 |
FFF F80 |
FFF F66 |
FFF F4D |
FFF F33 |
FFF F1A |
FFF F00 |
FFF F00 |
E6E 600 |
CCC C00 |
B3B 300 |
999 900 |
808 000 |
666 600 |
4D4 D00 |
333 300 |
1A1 A00 |
000 000 |
100% | 95% | 90% | 85% | 80% | 75% | 70% | 65% | 60% | 55% | 50% | 50% | 45% | 40% | 35% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |
YellowGreen
. | . | . | . | ||||||||||||||||||
YellowGreen |
#9ACD32 |
rgb(154, 205, 50) |
hsl(80, 61%, 50%) |
||||||||||||||||||
. | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . | . |
FFF FFF |
F5F AEA |
EBF 5D6 |
E1F 0C1 |
D6E BAD |
CCE 698 |
C2E 184 |
B8D C6F |
AED 75B |
A4D 246 |
9AC D32 |
9AC D32 |
8AB 92D |
7BA 428 |
6B9 023 |
5C7 B1E |
4D6 719 |
3D5 214 |
2E3 E0F |
1F2 90A |
0F1 505 |
000 000 |
100% | 95% | 90% | 85% | 80% | 75% | 70% | 65% | 60% | 55% | 50% | 50% | 45% | 40% | 35% | 30% | 25% | 20% | 15% | 10% | 5% | 0% |