Skip to content

 Tutorials
 Student
 Jobs
 Courses

窗体顶端

窗体底端




Write

Come write articles for us and get featured



Practice

Learn and code with the best industry experts



Premium

Get access to ad-free content, doubt assistance and more!



Jobs

Come and find your dream job with us


 Geeks Digest
 Quizzes
 Geeks Campus
 Gblog Articles
 IDE
 Campus Mantri

 Sign In
 Sign In
 Home
 Courses

 Practice DS & Algo.
 Algorithms
 Analysis of Algorithms
 Data Structures
 Interview Corner
 Languages
 ISRO CS
 GATE
 CS Subjects
 Web Technologies
 School Learning
 Mathematics
 Maths Notes (Class 8-11)
 NCERT Solutions
 RD Sharma Solutions
 UGC NET CS
 Student
 Jobs
 GBlog
 Puzzles
 What's New ?

 Change Language

Related Articles
▲

Related Articles
 HTML Hex Color Codes
 How to change the thickness of hr tag using CSS ?
 HTML | <hr> size Attribute
 Tracxn Interview Experience | Set 2
 Tracxn Interview Experience
 Tracxn Interview Experience for SDE-2
 Tracxn Experienced Interview (3yrs SSE post)
 How to center a popup window on screen?
 How to Align modal content box to center of any screen?
 CSS | vertical-align Property
 How to make a vertical line using HTML ?
 HTML <hr> Tag
 HTML <hr> color Attribute
 HTML | <font> color Attribute
 HTML | Color Styles and HSL
 HTML | Geolocation
 HTML | Drag and Drop
 HTML | Charsets
 HTML Images
 HTML | Tables
 HTML | Lists
 HTML | Spell Check
 HTML | Quotations
 Top 10 Projects For Beginners To Practice HTML and CSS Skills
 How to insert spaces/tabs in text using HTML/CSS?
 How to set input type date in dd-mm-yyyy format using HTML ?
 How to set the default value for an HTML <select> element?
 Resize image proportionally with CSS
 Hide or show elements in HTML using display property
 CSS to put icon inside an input element in a form

HTML Hex Color Codes

 Last Updated : 29 Jul, 2021

HTML Color Codes are the medium of representing the colors format

that a computer could read and display. The most used Color codes are
Hex codes. Hex codes are three-byte hexadecimal numbers (consist of
six variables), with a pair of characters in the Hex code, representing the
intensity of red, green, and blue in the color respectively.

Format of Hex Color Codes: Each Hex color code contains the

symbol “#” followed by 6 alphabets or numbers. Numbers are in the
hexadecimal numeric system. There are 1,67,77,216 different color
possibilities. 00 value range of the code represents the lowest intensity of
color on the other hand FF value range of code represents the highest
intensity.
Meaning of a Hex code:
 The 1stand 2nd variable in Hex color code represents the intensity of
red color.
 The 3rd and 4th variable represents the intensity of green.
 The 5th and 6th variable represents the intensity of blue.
 By combining the intensities of red, green, and blue almost any color
can be made.

The white color is a mixture of the three primary colors at full intensity

representing the Hex color code #FFFFFF.

The black color is a mixture of the three primary colors at the lowest

intensity representing the color code #000000.

Examples:

#FF0000 – This HTML color code shows just red

and no green and no blue. 
#00FF00 – This HTML color code shows just
green and no red and blue. 
#0000FF – This HTML color code shows just blue
and no red and green. 
#FFFF00 – This HTML color code is a mixture of
red and green colors defined as yellow. 
#CCEEFF – This HTML color code is a mixture of
more green and maximum blue provides color like
the sky.
  

List of some common HTML color codes:

COLOR NAME HEX COLOR CODE RGB COLOR CODE

SILVER #C0C0C0 RGB(192, 192, 192)

GRAY #808080 RGB(128, 128, 128)

MAROON #800000 RGB(128, 0, 0)

OLIVE #808000 RGB(128, 128, 0)

LIME #00FF00 RGB(0, 255, 0)

AQUA #00FFFF RGB(0, 255, 255)

TEAL #008080 RGB(0, 128, 128)

NAVY #000080 RGB(0, 0, 128)

COLOR NAME HEX COLOR CODE RGB COLOR CODE

FUCHSIA #FF00FF RGB(255, 0, 255)

PURPLE #800080 RGB(128, 0, 128)

INDIANRED #CD5C5C RGB(205, 92, 92)

LIGHTCORAL #F08080 RGB(240, 128, 128)

SALMON #FA8072 RGB(250, 128, 114)

DARKSALMON #E9967A RGB(233, 150, 122)

LIGHTSALMON #FFA07A RGB(255, 160, 122)

Hex Color Codes with the saturation of basic single colors and
lightness of that colors that can be used:

Shades of RED Colors:

  

Color HTML Color Code RGB Color Code

Name

lightsalmon #FFA07A rgb(255,160,122)

salmon  #FA8072 rgb(250,128,114)

darksalmon  #E9967A rgb(233,150,122)

lightcoral  #F08080 rgb(240,128,128)

indianred  #CD5C5C rgb(205,92,92)

crimson #DC143C rgb(220,20,60)

firebrick #B22222 rgb(178,34,34)

red  #FF0000 rgb(255,0,0)

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

 
 Shades of ORANGE Colors:

Color HTML Color Code RGB Color Code

Name

 coral  #FF7F50 rgb(255,127,80)

tomato  #FF6347 rgb(255,99,71)

orangered  #FF4500  rgb(255,69,0)

gold #FFD700  rgb(255,215,0)

orange #FFA500  rgb(255,165,0)

darkorange  #FF8C00 rgb(255,140,0)

Shades of YELLOW Colors:

 
Color Name HTML Color Code RGB Color Code

lightyellow #FFFFE0 rgb(255,255,224)

lemonchiffon #FFFACD rgb(255,250,205)

papayawhip  #FFEFD5  rgb(255,239,213)

 moccasin  #FFE4B5 rgb(255,228,181)

 peachpuff #FFDAB9 rgb(255,218,185)

palegoldenro  #EEE8AA rgb(238,232,170)

d

khaki  #F0E68C rgb(240,230,140)

 darkkhaki  #BDB76B rgb(189,183,107)

yellow  #FFFF00 rgb(255,255,0)

Shades of GREEN Colors:

 
 Color Name HTML Color RGB Color Code
Code

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

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

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

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

 darkgreen #006400 rgb(0,100,0)

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

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

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

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

Shades of BLUE Colors:

 
Color Name HTML Color RGB Color Code
Code

powderblue #B0E0E6 rgb(176,224,230)

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

 skyblue  #87CEEB rgb(135,206,235)

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

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

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

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

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

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

Shades of WHITE Colors:

 

Color Name HTML Color RGB Color Code

Code

snow #FFFAFA rgb(255,250,250)

honeydew #F0FFF0 rgb(240,255,240)

azure #F0FFFF  rgb(240,255,255)

Color Name HTML Color RGB Color Code
Code

ghostwhite #F8F8FF rgb(248,248,255)

whitesmoke  #F5F5F5 rgb(245,245,245)

mintcream  #F5FFFA rgb(245,255,250)

ivory #FFFFF0 rgb(255,255,240)

floralwhite #FFFAF0 rgb(255,250,240)

antiquewhite  #FAEBD7 rgb(250,235,215)

Shades of BROWN Colors:

Color Name HTML Color Code RGB Color Code

blanchedalmond #FFEBCD rgb(255,235,205)

 bisque  #FFE4C4 rgb(255,228,196)

wheat #F5DEB3 rgb(245,222,179)

burlywood #DEB887 rgb(222,184,135)

tan #D2B48C rgb(210,180,140)

rosybrown  #BC8F8F rgb(188,143,143)

sandybrown #F4A460 rgb(244,164,96)

chocolate #D2691E  rgb(210,105,30)

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

Color Name HTML Color Code RGB Color Code

sienna  #A0522D rgb(160,82,45)

 brown  #A52A2A rgb(165,42,42)

HTML is the foundation of webpages, is used for webpage development

by structuring websites and web apps.You can learn HTML from the
ground up by following this HTML Tutorial and HTML Examples.

Attention reader! Don’t stop learning now. Get hold of all the important
HTML concepts with the Web Design for Beginners | HTML  course.

Like0
Next
How to change the thickness of hr tag using CSS ?
RECOMMENDED ARTICLES
Page :

1
2
3

How to create Hex color generator using HTML CSS and JavaScript ?
02, Feb 21
How to get hex color value of RGB value ?
12, Jun 19

JavaScript | Check if a string is a valid hex color representation

19, Jul 19

CSS | 8 Digit Hex Color

20, Aug 19

CSS | 4 Digit Hex Color

22, Aug 19

CSS | 6 Digit Hex Color

22, Aug 19
CSS | 3 Digit Hex Color
23, Aug 19

p5.js | hex() function

12, Apr 19

How to convert decimal to hex in JavaScript ?

11, Jul 19

How to convert Hex to RGBA value using JavaScript ?

30, Dec 19
Convert Hex to RGBa for background opacity using SASS
17, Aug 20

How to apply emoji hex code in list-style type to create

custom list point ?
18, Jul 21

How to Drop fill color to change the image color using

HTML and CSS ?
22, Feb 21

Understanding basic JavaScript codes.

17, Jan 18
 HTTP status codes | Successful Responses
31, Oct 19

HTTP status codes | Informational Responses

31, Oct 19

HTTP status codes | Redirection Responses

14, Jul 20

HTTP status codes | Server Error Responses

14, Jul 20
 HTTP status codes | Client Error Responses
18, Jul 20

Reading QR codes using Node.js

04, Jan 21

How To Troubleshoot Common HTTP Error Codes ?

23, Oct 19

How to generate QR Codes with Angular 10 ?

18, Jul 21
 How to change text color depending on background color
using JavaScript?
06, Sep 19

How to change an element color based on value of the

color picker value using onclick?
20, Sep 19

Article Contributed By :

khushboogoyal499
@khushboogoyal499
Vote for difficulty

EasyNormalMediumHardExpert
Improved By :
 khushboogoyal499
Article Tags :
 HTML-Basics
 HTML
  Web Technologies
Practice Tags :
 HTML
Improve Article

Report Issue
WHAT'S NEW

Competitive Programming Live Classes for Students

View Details

DSA Self Paced Course

View Details

DSA Live Classes for Working Professionals

View Details

MOST POPULAR IN HTML

 Types of CSS (Cascading Style Sheet)
 How to update Node.js and NPM to next version ?
 HTML | <img> align Attribute
 Form validation using HTML and JavaScript
 HTML | Clearing the input field

MOST VISITED IN WEB TECHNOLOGIES

 Installation of Node.js on Linux
 How to calculate the number of days between two dates in javascript?
 JQuery | Set the value of an input text field
 JavaScript Number toString() Method
 File uploading in React.js
 Writing code in comment? Please use ide.geeksforgeeks.org, generate link and share the link here.

Load Comments

5th Floor, A-118,

Sector-136, Noida, Uttar Pradesh - 201305
feedback@geeksforgeeks.org

 Company
 About Us
 Careers
 Privacy Policy
 Contact Us
 Copyright Policy
 Learn
 Algorithms
 Data Structures
 Languages
 CS Subjects
 Video Tutorials
 Practice
 Courses
 Company-wise
 Topic-wise
 How to begin?
 Contribute
 Write an Article
 Write Interview Experience
 Internships
 Videos

@geeksforgeeks , Some rights reserved