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)

Related Articles

ImageUnderstanding MicroLED Displays and Their Advantages Over OLED and Mini LED Screens

The arrival of MicroLED displays brings exciting possibilities for the future of visual technology. These displays combine the best of OLED panels, boasting high contrast and wide viewing angles, with the added benefit of being able to emit brighter light without the risk of burn-in. Moreover, they have impressive lifespans and energy efficiency, making them …

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 …

Image2022 Tata Tigor EV goes official in India: Know the complete details

Tata Motors has launched an upgraded version of Tata Tigor EV in the Indian electric mobility market. The latest addition to its extensive EV portfolio offers an improved range, updated features, and an additional Magnetic Red colour variant. 2022 Tata Tigor EV Price and Availability Tata Motors has brought the redesigned Tigor EV electric sedan …

ImageHero Eddy Electric Scooter: A Complete Guide to features, price, colors & availability

India’s leading two-wheeler brand Hero has been striving to make its mark in the EV space and to strengthen its EV line-up, the company launched its electric scooter Eddy last month. This e-scooter has a stylish design and offers easy handling to give consumers a perfect balance of convenience and technology. It is good for …

Discuss

Be the first to leave a comment.