A Complete Guide to HTML Colour and HTML Hex Codes

Main Image
  • Like
  • Comment
  • Share

Colours are one of the most important aspects of our life. Without colours, everything appears dull. Colours play an important part in our interaction be it in person or the way we interact with a website or app. That’s why colours are an important subject of study for the students of fashion, Web, UX (user experience) and UI (user interface) and several other fields.

Coming to web development, both Web 2.0 and Web 3.0 support over 200 different colours. App developers or web developers are required to keep these 200-plus HTML colour code cheatsheets nearby so that they can easily recall colours and their hexadecimal codes (aka hex codes).

To help all the budding designers and developers, we have curated a complete list of HTML colours with names, and hex codes, to help you in developing is a colourful, appealing and user-friendly website or mobile application. Here’s the list of HTML colour codes with HTML colour names:

Red Colour family – HTML Names and HTML Codes (Hex Codes)

COLOR NAMEHEX CODERGB CODE
IndianRed#CD5C5Crgb(205, 92, 92)
LightCoral#F08080rgb(240, 128, 128)
Salmon#FA8072rgb(250, 128, 114)
DarkSalmon#E9967Argb(233, 150, 122)
LightSalmon#FFA07Argb(255, 160, 122)
Crimson#DC143Crgb(220, 20, 60)
Red#FF0000rgb(255, 0, 0)
FireBrick#B22222rgb(178, 34, 34)
DarkRed#8B0000rgb(139, 0, 0)

Pink Colour Family – HTML Names and HTML Codes (Hex Codes)

COLOUR NAMEHEX CODERGB CODE
Pink#FFC0CBrgb(255, 192, 203)
LightPink#FFB6C1rgb(255, 182, 193)
HotPink#FF69B4rgb(255, 105, 180)
DeepPink#FF1493rgb(255, 20, 147)
MediumVioletRed#C71585rgb(199, 21, 133)
PaleVioletRed#DB7093rgb(219, 112, 147)

Orange Colour Family – HTML Names and HTML Codes (Hex Codes)

COLOUR NAMEHEX CODERGB CODE
LightSalmon#FFA07Argb(255, 160, 122)
Coral#FF7F50rgb(255, 127, 80)
Tomato#FF6347rgb(255, 99, 71)
OrangeRed#FF4500rgb(255, 69, 0)
DarkOrange#FF8C00rgb(255, 140, 0)
Orange#FFA500rgb(255, 165, 0)

Yellow Colour Family – HTML Names and HTML Codes (Hex Codes)

COLOUR NAMEHEX CODERGB CODE
Gold#FFD700rgb(255, 215, 0)
Yellow#FFFF00rgb(255, 255, 0)
LightYellow#FFFFE0rgb(255, 255, 224)
LemonChiffon#FFFACDrgb(255, 250, 205)
LightGoldenrodYellow#FAFAD2rgb(250, 250, 210)
PapayaWhip#FFEFD5rgb(255, 239, 213)
Moccasin#FFE4B5rgb(255, 228, 181)
PeachPuff#FFDAB9rgb(255, 218, 185)
PaleGoldenrod#EEE8AArgb(238, 232, 170)
Khaki#F0E68Crgb(240, 230, 140)
DarkKhaki#BDB76Brgb(189, 183, 107)

Purple Colour Family – HTML Names and HTML Codes (Hex Codes)

COLOUR NAMEHEX CODERGB CODE
Lavender#E6E6FArgb(230, 230, 250)
Thistle#D8BFD8rgb(216, 191, 216)
Plum#DDA0DDrgb(221, 160, 221)
Violet#EE82EErgb(238, 130, 238)
Orchid#DA70D6rgb(218, 112, 214)
Fuchsia#FF00FFrgb(255, 0, 255)
Magenta#FF00FFrgb(255, 0, 255)
MediumOrchid#BA55D3rgb(186, 85, 211)
MediumPurple#9370DBrgb(147, 112, 219)
RebeccaPurple#663399rgb(102, 51, 153)
BlueViolet#8A2BE2rgb(138, 43, 226)
DarkViolet#9400D3rgb(148, 0, 211)
DarkOrchid#9932CCrgb(153, 50, 204)
DarkMagenta#8B008Brgb(139, 0, 139)
Purple#800080rgb(128, 0, 128)
Indigo#4B0082rgb(75, 0, 130)
SlateBlue#6A5ACDrgb(106, 90, 205)
DarkSlateBlue#483D8Brgb(72, 61, 139)
MediumSlateBlue#7B68EErgb(123, 104, 238)

Green Colour Family – HTML Names and HTML Codes (Hex Codes)

COLOUR NAMEHEX CODERGB CODE
GreenYellow#ADFF2Frgb(173, 255, 47)
Chartreuse#7FFF00rgb(127, 255, 0)
LawnGreen#7CFC00rgb(124, 252, 0)
Lime#00FF00rgb(0, 255, 0)
LimeGreen#32CD32rgb(50, 205, 50)
PaleGreen#98FB98rgb(152, 251, 152)
LightGreen#90EE90rgb(144, 238, 144)
MediumSpringGreen#00FA9Argb(0, 250, 154)
SpringGreen#00FF7Frgb(0, 255, 127)
MediumSeaGreen#3CB371rgb(60, 179, 113)
SeaGreen#2E8B57rgb(46, 139, 87)
ForestGreen#228B22rgb(34, 139, 34)
Green#008000rgb(0, 128, 0)
DarkGreen#006400rgb(0, 100, 0)
YellowGreen#9ACD32rgb(154, 205, 50)
OliveDrab#6B8E23rgb(107, 142, 35)
Olive#808000rgb(128, 128, 0)
DarkOliveGreen#556B2Frgb(85, 107, 47)
MediumAquamarine#66CDAArgb(102, 205, 170)
DarkSeaGreen#8FBC8Brgb(143, 188, 139)
LightSeaGreen#20B2AArgb(32, 178, 170)
DarkCyan#008B8Brgb(0, 139, 139)
Teal#008080rgb(0, 128, 128)

Blue HTML Colour family – HTML Names and HTML Codes (Hex Codes)

COLOUR NAMEHEX CODERGB CODE
Aqua#00FFFFrgb(0, 255, 255)
Cyan#00FFFFrgb(0, 255, 255)
LightCyan#E0FFFFrgb(224, 255, 255)
PaleTurquoise#AFEEEErgb(175, 238, 238)
Aquamarine#7FFFD4rgb(127, 255, 212)
Turquoise#40E0D0rgb(64, 224, 208)
MediumTurquoise#48D1CCrgb(72, 209, 204)
DarkTurquoise#00CED1rgb(0, 206, 209)
CadetBlue#5F9EA0rgb(95, 158, 160)
SteelBlue#4682B4rgb(70, 130, 180)
LightSteelBlue#B0C4DErgb(176, 196, 222)
PowderBlue#B0E0E6rgb(176, 224, 230)
LightBlue#ADD8E6rgb(173, 216, 230)
SkyBlue#87CEEBrgb(135, 206, 235)
LightSkyBlue#87CEFArgb(135, 206, 250)
DeepSkyBlue#00BFFFrgb(0, 191, 255)
DodgerBlue#1E90FFrgb(30, 144, 255)
CornflowerBlue#6495EDrgb(100, 149, 237)
MediumSlateBlue#7B68EErgb(123, 104, 238)
RoyalBlue#4169E1rgb(65, 105, 225)
Blue#0000FFrgb(0, 0, 255)
MediumBlue#0000CDrgb(0, 0, 205)
DarkBlue#00008Brgb(0, 0, 139)
Navy#000080rgb(0, 0, 128)
MidnightBlue#191970rgb(25, 25, 112)

Brown HTML Colour Family – HTML Names and HTML Codes (Hex Codes)

COLOUR NAMEHEX CODERGB CODE
Cornsilk#FFF8DCrgb(255, 248, 220)
BlanchedAlmond#FFEBCDrgb(255, 235, 205)
Bisque#FFE4C4rgb(255, 228, 196)
NavajoWhite#FFDEADrgb(255, 222, 173)
Wheat#F5DEB3rgb(245, 222, 179)
BurlyWood#DEB887rgb(222, 184, 135)
Tan#D2B48Crgb(210, 180, 140)
RosyBrown#BC8F8Frgb(188, 143, 143)
SandyBrown#F4A460rgb(244, 164, 96)
Goldenrod#DAA520rgb(218, 165, 32)
DarkGoldenrod#B8860Brgb(184, 134, 11)
Peru#CD853Frgb(205, 133, 63)
Chocolate#D2691Ergb(210, 105, 30)
SaddleBrown#8B4513rgb(139, 69, 19)
Sienna#A0522Drgb(160, 82, 45)
Brown#A52A2Argb(165, 42, 42)
Maroon#800000rgb(128, 0, 0)

White HTML Colour Family – HTML Names and HTML Codes (Hex Codes)

COLOUR NAMEHEX CODERGB CODE
White#FFFFFFrgb(255, 255, 255)
Snow#FFFAFArgb(255, 250, 250)
HoneyDew#F0FFF0rgb(240, 255, 240)
MintCream#F5FFFArgb(245, 255, 250)
Azure#F0FFFFrgb(240, 255, 255)
AliceBlue#F0F8FFrgb(240, 248, 255)
GhostWhite#F8F8FFrgb(248, 248, 255)
WhiteSmoke#F5F5F5rgb(245, 245, 245)
SeaShell#FFF5EErgb(255, 245, 238)
Beige#F5F5DCrgb(245, 245, 220)
OldLace#FDF5E6rgb(253, 245, 230)
FloralWhite#FFFAF0rgb(255, 250, 240)
Ivory#FFFFF0rgb(255, 255, 240)
AntiqueWhite#FAEBD7rgb(250, 235, 215)
Linen#FAF0E6rgb(250, 240, 230)
LavenderBlush#FFF0F5rgb(255, 240, 245)
MistyRose#FFE4E1rgb(255, 228, 225)

Gray HTML Colour Family – HTML Names and HTML Codes (Hex Codes)

COLOUR NAMEHEX CODERGB CODE
Gainsboro#DCDCDCrgb(220, 220, 220)
LightGray#D3D3D3rgb(211, 211, 211)
Silver#C0C0C0rgb(192, 192, 192)
DarkGray#A9A9A9rgb(169, 169, 169)
Gray#808080rgb(128, 128, 128)
DimGray#696969rgb(105, 105, 105)
LightSlateGray#778899rgb(119, 136, 153)
SlateGray#708090rgb(112, 128, 144)
DarkSlateGray#2F4F4Frgb(47, 79, 79)
Black#000000rgb(0, 0, 0)
Smartprix StaffSmartprix Staff
The SM Staff team consists of tech-savvy writers and editors adept at simplifying complex tech into easily understandable information.



Related Articles

ImageOnePlus 15R, Pad Go 2 and Watch Lite Set for December 17 Launch in India

OnePlus is preparing for a December 17 launch event that shifts focus to the upper mid-range segment after introducing the flagship OnePlus 15 earlier this month. The company will unveil the OnePlus 15R along with two new ecosystem devices, the OnePlus Pad Go 2 tablet and the OnePlus Watch Lite smartwatch. The OnePlus 15R is …

ImageXiaomi Redmi Y2 Blue and Black Colour Options Launched In India

The Xiaomi Redmi S2 was launched in India as Redmi Y2 for a starting price of Rs 9,999 in three colour options- Gold, Rose Gold and Dark Grey. Now, the company has launched the device in two more colour options – Mesmerising Blue and Stunning Black. Redmi Y2 is primarily a selfie-centric phone having markable …

ImageBest Samsung One UI 5 Features: Check out these top One UI 5 features on your Galaxy phone

Samsung recently rolled out its One UI 5 officially for all its Galaxy devices. Based on Android 13, One UI 5 claims to give the best of many things. One UI 5 doesn’t come with any major changes but does bring about some tweaks that make the UI look fresh. Samsung also claims that it …

ImageTata Harrier EV: Complete Guide to All Variants’ Features and Price

Tata Motors has finally launched its highly-anticipated Harrier EV in India. This move not only gives people a trusted new electric car in the market, but also brings a highly anticipated AWD variant for the popular SUV from Tata, marking a significant step in terms of the brand’s electrification journey, or the Harrier’s popularity in …

ImagePokemon Emerald Game Cheat Codes: Complete list of emerald Gameshark codes & ways to use them

Pokemon Emerald is a popular role-playing title that was released back in 2004. It is a part of the Game Boy Advance System and has been able to stand the test of time for 20 years. Like all other popular titles, Pokemon Emerald also comes with a huge list of cheat codes that can be …

Discuss

Be the first to leave a comment.