hex colors

Go to the hsla( ) tool

- complete with W3C color names and RGB values -

A visual guide of RGB and hexadecimal colors

Hex color codes are three byte hexadecimal number, with each byte, or pair of characters in the Hex code, representing the intensity of red, green and blue, respectively.

W3C color names, hex and RGB values

W3C color names are names assigned by the W3C to specify colors in web pages or files. These names can be used instead of their corresponding hexadecimal value to refer to that color in an HTML file or CSS stylesheet. These names are supported by all modern web browsers and used because it's easier to remember color names than color codes.

RosyBrown
#BC8F8F
rgb(188, 143, 143)

Pink
#FFC0CB
rgb(255, 192, 203)

LightPink
#FFB6C1
rgb(255, 182, 193)

HotPink
#FF69B4
rgb(255, 105, 180)

MediumVioletRed
#C71585
rgb(199, 21, 133)

DeepPink
#FF1493
rgb(255, 20, 147)

Magenta
#FF00FF
rgb(255, 0, 255)

PaleVioletRed
#DB7093
rgb(219, 112, 147)

IndianRed
#CD5C5C
rgb(205, 92, 92)

Salmon
#FA8072
rgb(250, 128, 114)

LightCoral
#F08080
rgb(240, 128, 128)

DarkSalmon
#E9967A
rgb(233, 150, 122)

LightSalmon
#FFA07A
rgb(255, 160, 122)

Coral
#FF7F50
rgb(255, 127, 80)

Tomato
#FF6347
rgb(255, 99, 71)

Crimson
#DC143C
rgb(220, 20, 60)

FireBrick
#B22222
rgb(178, 34, 34)

Brown
#A52A2A
rgb(165, 42, 42)

Maroon
#800000
rgb(128, 0, 0)

DarkRed
#8B0000
rgb(139, 0, 0)

Red
#FF0000
rgb(255, 0, 0)

OrangeRed
#FF4500
rgb(255, 69, 0)

DarkOrange
#FF8C00
rgb(255, 140, 0)

Orange
#FFA500
rgb(255, 165, 0)

Yellow
#FFFF00
rgb(255, 255, 0)

Gold
#FFD700
rgb(255, 215, 0)

Goldenrod
#DAA520
rgb(218, 165, 32)

DarkGoldenrod
#B8860B
rgb(184, 134, 11)

Sienna
#A0522D
rgb(160, 82, 45)

SaddleBrown
#8B4513
rgb(139, 69, 19)

Chocolate
#D2691E
rgb(210, 105, 30)

Peru
#CD853F
rgb(205, 133, 63)

SandyBrown
#F4A460
rgb(244, 164, 96)

BurlyWood
#DEB887
rgb(222, 184, 135)

Tan
#D2B48C
rgb(210, 180, 140)

Wheat
#F5DEB3
rgb(245, 222, 179)

Moccasin
#FFE4B5
rgb(255, 228, 181)

NavajoWhite
#FFDEAD
rgb(255, 222, 173)

PeachPuff
#FFDAB9
rgb(255, 218, 185)

Bisque
#FFE4C4
rgb(255, 228, 196)

BlanchedAlmond
#FFEBCD
rgb(255, 235, 205)

PapayaWhip
#FFEFD5
rgb(255, 239, 213)

Cornsilk
#FFF8DC
rgb(255, 248, 220)

LightYellow
#FFFFE0
rgb(255, 255, 224)

LightGoldenrodYellow
#FAFAD2
rgb(250, 250, 210)

LemonChiffon
#FFFACD
rgb(255, 250, 205)

PaleGoldenrod
#EEE8AA
rgb(238, 232, 170)

Khaki
#F0E68C
rgb(240, 230, 140)

DarkKhaki
#BDB76B
rgb(189, 183, 107)

Olive
#808000
rgb(128, 128, 0)

DarkOliveGreen
#556B2F
rgb(85, 107, 47)

OliveDrab
#6B8E23
rgb(107, 142, 35)

YellowGreen
#9ACD32
rgb(154, 205, 50)

GreenYellow
#ADFF2F
rgb(255, 255, 0)

Chartreuse
#7FFF00
rgb(127, 255, 0)

LawnGreen
#7CFC00
rgb(124, 252, 0)

Lime
#00FF00
rgb(0, 255, 0)

LimeGreen
#32CD32
rgb(50, 205, 50)

ForestGreen
#228B22
rgb(34, 139, 34)

Green
#008000
rgb(0, 128, 0)

DarkGreen
#006400
rgb(0, 100, 0)

SeaGreen
#2E8B57
rgb(46, 139, 87)

MediumSeaGreen
#3CB371
rgb(60, 179, 113)

SpringGreen
#00FF7F
rgb(0, 255, 127)

MediumSpringGreen
#00FA9A
rgb(0, 250, 154)

LightGreen
#90EE90
rgb(144, 238, 144)

PaleGreen
#98FB98
rgb(152, 251, 152)

DarkSeaGreen
#8FBC8B
rgb(143, 188, 139)

MediumAquamarine
#66CDAA
rgb(102, 205, 170)

LightSeaGreen
#20B2AA
rgb(32, 178, 170)

DarkCyan
#008B8B
rgb(0, 139, 139)

Teal
#008080
rgb(0, 128, 128)

DarkSlateGray
#2F4F4F
rgb(47, 79, 79)

CadetBlue
#5F9EA0
rgb(95, 158, 160)

MediumTurquoise
#48D1CC
rgb(72, 209, 204)

DarkTurquoise
#00CED1
rgb(0, 206, 209)

Turquoise
#40E0D0
rgb(64, 224, 208)

Aquamarine
#7FFFD4
rgb(127, 255, 212)

Cyan
#00FFFF
rgb(0, 255, 255)

DeepSkyBlue
#00BFFF
rgb(0, 191, 255)

DodgerBlue
#1E90FF
rgb(30, 144, 255)

SteelBlue
#4682B4
rgb(70, 130, 180)

SkyBlue
#87CEEB
gb(135, 206, 235)

LightSkyBlue
#87CEFA
rgb(135, 206, 250)

PaleTurquoise
#AFEEEE
rgb(175, 238, 238)

PowderBlue
#B0E0E6
rgb(176, 224, 230)

LightBlue
#ADD8E6
rgb(173, 216, 230)

LightCyan
#E0FFFF
rgb(224, 255, 255)

LightSteelBlue
#B0C4DE
rgb(176, 196, 222)

CornflowerBlue
#6495ED
rgb(100, 149, 237)

RoyalBlue
#4169E1
rgb(65, 105, 225)

Blue
#0000FF
rgb(0, 0, 255)

MediumBlue
#0000CD
rgb(0, 0, 205)

Navy
#000080
rgb(0, 0, 128)

DarkBlue
#00008B
rgb(0, 0, 139)

MidnightBlue
#191970
rgb(25, 25, 112)

MediumSlateBlue
#7B68EE
rgb(123, 104, 238)

SlateBlue
#6A5ACD
rgb(106, 90, 205)

DarkSlateBlue
#483D8B
rgb(72, 61, 139)

Indigo
#4B0082
rgb(75, 0, 130)

RebeccaPurple
#663399
rgb(102, 51, 153)

MediumPurple
#9370DB
rgb(147, 112, 219)

Purple
#800080
rgb(128, 0, 128)

DarkMagenta
#8B008B
rgb(139, 0, 139)

BlueViolet
#8A2BE2
rgb(138, 43, 226)

DarkViolet
#9400D3
rgb(148, 0, 211)

DarkOrchid
#9932CC
rgb(153, 50, 204)

MediumOrchid
#BA55D3
rgb(186, 85, 211)

Orchid
#DA70D6
rgb(218, 112, 214)

Violet
#EE82EE
rgb(238, 130, 238)

Plum
#DDA0DD
rgb(221, 160, 221)

Thistle
#D8BFD8
rgb(216, 191, 216)

LavenderBlush
#FFF0F5
rgb(255, 240, 245)

Lavender
#E6E6FA
rgb(230, 230, 250)

AliceBlue
#F0F8FF
rgb(240, 248, 255)

Azure
#F0FFFF
rgb(240, 255, 255)

MintCream
#F5FFFA
rgb(245, 255, 250)

HoneyDew
#F0FFF0
rgb(240, 255, 240)

Beige
#F5F5DC
rgb(245, 245, 220)

AntiqueWhite
#FAEBD7
rgb(250, 235, 215)

OldLace
#FDF5E6
rgb(253, 245, 230)

Ivory
#FFFFF0
rgb(255, 255, 240)

SeaShell
#FFF5EE
rgb(255, 245, 238)

MistyRose
#FFE4E1
rgb(255, 228, 225)

Linen
#FAF0E6
rgb(250, 240, 230)

FloralWhite
#FFFAF0
rgb(255, 250, 240)

WhiteSmoke
#F5F5F5
rgb(245, 245, 245)

Snow
#FFFAFA
rgb(255, 250, 250)

GhostWhite
#F8F8FF
rgb(248, 248, 255)

White
#FFFFFF
rgb(255, 255, 255)

Gainsboro
#DCDCDC
rgb(220, 220, 220)

LightGray
#D3D3D3
rgb(211, 211, 211)

Silver
#C0C0C0
rgb(192, 192, 192)

DarkGray
#A9A9A9
rgb(169, 169, 169)

Gray
#808080
rgb(128, 128, 128)

DimGray
#696969
rgb(105, 105, 105)

LightSlateGray
#778899
rgb(119, 136, 153)

SlateGray
#708090
rgb(112, 128, 144)

Black
#000000
rgb(0, 0, 0)

RGB or HEX

RGB Color Codes
RGB gets its name from the primary colors; red, green, and blue. Traditional color theory dictates that all other colors can be derived from combinations of these three.

The format used is rgb(A, B, C): A is how much Red, B is how much Green, and C how much Blue.

Values are entered in decimal digits (0, 1, 2, 3, 4, 5... etc.) from 0 which is the lowest intensity of a color, to 255 which represents the highest intensity:
Black: rgb(0, 0, 0) | White: rgb(255, 255, 255)

The three primary colors, red, green and blue, are obtained by mixing the highest intensity of the desired color with the lowest intensities of the other two:
Red: rgb(255, 0, 0) | Green: rgb(0, 255, 0) | Blue: rgb(0, 0, 255)
Hex Color Codes
Hex color codes use the same principle as RGB color codes, but are written in a different way, values are expressed in pairs of hexadecimal digits: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.

The format used is #RRGGBB: RR is how much Red, GG is how much Green, and BB how much Blue.

Hex code byte values range from 00, which is the lowest intensity of a color, to FF which represents the highest intensity:
Black: #000000 | White: #FFFFFF

The three primary colors, red, green and blue, are obtained by mixing the highest intensity of the desired color with the lowest intensities of the other two:
Red: #FF0000 | Green: #00FF00 | Blue: #0000FF
Variation of colors
To create grayscale colors use equal intensities of each color, ie. #454545 or #999999

Generally speaking, the higher the numbers, the lighter the color, and the lower the numbers, the darker the color.
Create lighter colors
If you would like the make the color lighter: adjust the values that are not being used.

If you are changing two values, they will need to be adjusted evenly to make sure to keep the same color tone.
Create darker colors
If you would like the make the color darker: adjust only the values that are being used.

Remember to adjust the values evenly, to make sure you keep the same color tone.
If you would like to learn how to convert from Hex to RGB and viceversa, check out this post from developinteligence.com: "RGB to Hex: Understanding the Major Web Color Codes", other interesting pages about this subject are: this color picker, from htmlcolorcodes.com, or this very mathematical one, from mathisfun.com , all from where I've gathered a lot of this information.

COLOR TESTER

Try the colors from the table above or experiment with different values.

COLOR TESTER 2

Try the colors from the table above or experiment with different values.

CUSTOM COLOR PALETTE