CSS color codes and names.
- Red colors
- Orange colors
- Yellow colors
- Green colors
- Cyan colors
- Blue colors
- Purple colors
- Pink colors
- White colors
- Gray colors
- Brown colors
CSS color
The color code can be one of:
Hex format: #rrggbb
RGB format: rgb(red, green, blue)
Name format: name
Example
For orange color:
Hex format: #FFA500
RGB format: rgb(255,165,0)
Name format: orange
Setting element color
For specific element:
<element style="color: code;"></element>
For all elements of the same type. Put code in <style> tag in the head section:
<style>
element { color: code; }
</style>
Example
Setting paragraph text color to red:
Setting color of specific paragraph:
<p style="color: #FF0000;">Some text ...</p>
View:
Some text ...
Setting color of all paragraphs
<style>
p { color: #FF0000; }
</style>
Setting element background color
element { background: code; }
Example
Setting paragraph background color to red:
Setting background color of specific paragraph:
<p style="background: #FF0000;">Some text ...</p>
View:
Some text ...
Setting background color of all paragraphs:
<style>
p { background: #FF0000; }
</style>
Setting element border color
element { border-color: topcode rightcode bottomcode leftcode }
Example
Setting paragraph border color to red, green, blue and black:
Setting border color of specific paragraph:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
View:
Some text ...
Setting border color of all paragraphs:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Red colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| 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) |
Orange colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| 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) |
Yellow colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| lightyellow | #FFFFE0 | rgb(255,255,224) | |
| lemonchiffon | #FFFACD | rgb(255,250,205) | |
| lightgoldenrodyellow | #FAFAD2 | rgb(250,250,210) | |
| papayawhip | #FFEFD5 | rgb(255,239,213) | |
| moccasin | #FFE4B5 | rgb(255,228,181) | |
| peachpuff | #FFDAB9 | rgb(255,218,185) | |
| palegoldenrod | #EEE8AA | rgb(238,232,170) | |
| khaki | #F0E68C | rgb(240,230,140) | |
| darkkhaki | #BDB76B | rgb(189,183,107) | |
| yellow | #FFFF00 | rgb(255,255,0) |
Green colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| lawngreen | #7CFC00 | rgb(124,252,0) | |
| chartreuse | #7FFF00 | rgb(127,255,0) | |
| limegreen | #32CD32 | rgb(50,205,50) | |
| lime | #00FF00 | rgb(0.255.0) | |
| forestgreen | #228B22 | rgb(34,139,34) | |
| green | #008000 | rgb(0,128,0) | |
| darkgreen | #006400 | rgb(0,100,0) | |
| greenyellow | #ADFF2F | rgb(173,255,47) | |
| yellowgreen | #9ACD32 | rgb(154,205,50) | |
| 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 | #8FBC8F | rgb(143,188,143) | |
| mediumseagreen | #3CB371 | rgb(60,179,113) | |
| seagreen | #2E8B57 | rgb(46,139,87) | |
| olive | #808000 | rgb(128,128,0) | |
| darkolivegreen | #556B2F | rgb(85,107,47) | |
| olivedrab | #6B8E23 | rgb(107,142,35) |
Cyan colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| lightcyan | #E0FFFF | rgb(224,255,255) | |
| cyan | #00FFFF | rgb(0,255,255) | |
| aqua | #00FFFF | rgb(0,255,255) | |
| aquamarine | #7FFFD4 | rgb(127,255,212) | |
| mediumaquamarine | #66CDAA | rgb(102,205,170) | |
| paleturquoise | #AFEEEE | rgb(175,238,238) | |
| turquoise | #40E0D0 | rgb(64,224,208) | |
| mediumturquoise | #48D1CC | rgb(72,209,204) | |
| darkturquoise | #00CED1 | rgb(0,206,209) | |
| lightseagreen | #20B2AA | rgb(32,178,170) | |
| cadetblue | #5F9EA0 | rgb(95,158,160) | |
| darkcyan | #008B8B | rgb(0,139,139) | |
| teal | #008080 | rgb(0,128,128) |
Blue colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| powderblue | #B0E0E6 | rgb(176,224,230) | |
| lightblue | #ADD8E6 | rgb(173,216,230) | |
| lightskyblue | #87CEFA | rgb(135,206,250) | |
| skyblue | #87CEEB | rgb(135,206,235) | |
| deepskyblue | #00BFFF | rgb(0,191,255) | |
| lightsteelblue | #B0C4DE | rgb(176,196,222) | |
| dodgerblue | #1E90FF | rgb(30,144,255) | |
| cornflowerblue | #6495ED | rgb(100,149,237) | |
| steelblue | #4682B4 | rgb(70,130,180) | |
| royalblue | #4169E1 | rgb(65,105,225) | |
| blue | #0000FF | rgb(0,0,255) | |
| mediumblue | #0000CD | rgb(0,0,205) | |
| darkblue | #00008B | rgb(0,0,139) | |
| navy | #000080 | rgb(0,0,128) | |
| midnightblue | #191970 | rgb(25,25,112) | |
| mediumslateblue | #7B68EE | rgb(123,104,238) | |
| slateblue | #6A5ACD | rgb(106,90,205) | |
| darkslateblue | #483D8B | rgb(72,61,139) |
Purple colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| lavender | #E6E6FA | rgb(230,230,250) | |
| thistle | #D8BFD8 | rgb(216,191,216) | |
| plum | #DDA0DD | rgb(221,160,221) | |
| violet | #EE82EE | rgb(238,130,238) | |
| orchid | #DA70D6 | rgb(218,112,214) | |
| fuchsia | #FF00FF | rgb(255,0,255) | |
| magenta | #FF00FF | rgb(255,0,255) | |
| mediumorchid | #BA55D3 | rgb(186,85,211) | |
| mediumpurple | #9370DB | rgb(147,112,219) | |
| blueviolet | #8A2BE2 | rgb(138,43,226) | |
| darkviolet | #9400D3 | rgb(148,0,211) | |
| darkorchid | #9932CC | rgb(153,50,204) | |
| darkmagenta | #8B008B | rgb(139,0,139) | |
| purple | #800080 | rgb(128,0,128) | |
| indigo | #4B0082 | rgb(75,0,130) |
Pink colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| pink | #FFC0CB | rgb(255,192,203) | |
| lightpink | #FFB6C1 | rgb(255,182,193) | |
| hotpink | #FF69B4 | rgb(255,105,180) | |
| deeppink | #FF1493 | rgb(255,20,147) | |
| palevioletred | #DB7093 | rgb(219,112,147) | |
| mediumvioletred | #C71585 | rgb(199,21,133) |
White colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| white | #FFFFFF | rgb(255,255,255) | |
| snow | #FFFAFA | rgb(255,250,250) | |
| honeydew | #F0FFF0 | rgb(240,255,240) | |
| mintcream | #F5FFFA | rgb(245,255,250) | |
| azure | #F0FFFF | rgb(240,255,255) | |
| aliceblue | #F0F8FF | rgb(240,248,255) | |
| ghostwhite | #F8F8FF | rgb(248,248,255) | |
| whitesmoke | #F5F5F5 | rgb(245,245,245) | |
| seashell | #FFF5EE | rgb(255,245,238) | |
| beige | #F5F5DC | rgb(245,245,220) | |
| oldlace | #FDF5E6 | rgb(253,245,230) | |
| floralwhite | #FFFAF0 | rgb(255,250,240) | |
| ivory | #FFFFF0 | rgb(255,255,240) | |
| antiquewhite | #FAEBD7 | rgb(250,235,215) | |
| linen | #FAF0E6 | rgb(250,240,230) | |
| lavenderblush | #FFF0F5 | rgb(255,240,245) | |
| mistyrose | #FFE4E1 | rgb(255,228,225) |
Gray colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| 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) | |
| darkslategray | #2F4F4F | rgb(47,79,79) | |
| black | #000000 | rgb(0,0,0) |
Brown colors
| Color | HTML / CSS Color Name |
Hex Code #RRGGBB |
Decimal Code (R,G,B) |
|---|---|---|---|
| cornsilk | #FFF8DC | rgb(255,248,220) | |
| blanchedalmond | #FFEBCD | rgb(255,235,205) | |
| bisque | #FFE4C4 | rgb(255,228,196) | |
| navajowhite | #FFDEAD | rgb(255,222,173) | |
| 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) | |
| goldenrod | #DAA520 | rgb(218,165,32) | |
| peru | #CD853F | rgb(205,133,63) | |
| chocolate | #D2691E | rgb(210,105,30) | |
| saddlebrown | #8B4513 | rgb(139,69,19) | |
| sienna | #A0522D | rgb(160,82,45) | |
| brown | #A52A2A | rgb(165,42,42) | |
| maroon | #800000 | rgb(128,0,0) |
Currently, we have around 5667 calculators, conversion tables and usefull online tools and software features for students, teaching and teachers, designers and simply for everyone.
You can find at this page financial calculators, mortgage calculators, calculators for loans, calculators for auto loan and lease calculators, interest calculators, payment calculators, retirement calculators, amortization calculators, investment calculators, inflation calculators, finance calculators, income tax calculators, compound interest calculators, salary calculator, interest rate calculator, sales tax calculator, fitness & health calculators, bmi calculator, calorie calculators, body fat calculator, bmr calculator, ideal weight calculator, pace calculator, pregnancy calculator, pregnancy conception calculator, due date calculator, math calculators, scientific calculator, fraction calculator, percentage calculators, random number generator, triangle calculator, standard deviation calculator, other calculators, age calculator, date calculator, time calculator, hours calculator, gpa calculator, grade calculator, concrete calculator, subnet calculator, password generator conversion calculator and many other tools and for text editing and formating, downloading videos from Facebok (we built one of the most famous Facebook video downloader online tools). We also provide you online downloanders for YouTube, Linkedin, Instagram, Twitter, Snapchat, TikTok and other social media sites (please note we does not host any videos on its servers. All videos that you download are downloaded from Facebook's, YouTube's, Linkedin's, Instagram's, Twitter's, Snapchat's, TikTok's CDNs. We also specialise on keyboard shortcuts, ALT codes for Mac, Windows and Linux and other usefull hints and tools (how to write emoji online etc.)
There are many very usefull online free tools and we would be happy if you share our page to others or send us any suggestions for other tools which will come on your mind. Also in case you find any of our tools that it does not work properly or need a better translation - please let us know. Our tools will make your life easier or simply help you to do your work or duties faster and in more effective way.
These below are the most commonly used by many users all over the world.
- Free online calculators and tools
- Time zones/Clocks/Dates calculators
- Free Online Units Conversion Calculators
- Free online web design tools
- Free online electricity & electronics tools
- Mathematics
- Online Tools
- Text Tools
- PDF Tools
- Code
- Ecology
- Others
- Free online downloaders for social media
- Marketing
- My PC / computer
- Web Colors
- Web HTML
- CSS
- Javascript
- Web Tools
- Web Development
- Web hosting
- CSS color codes
- CSS navigation bar
And we are still developing more. Our goal is to become the one-stop, go-to site for people who need to make quick calculations or who need to find quick answer for basic conversions.
Additionally, we believe the internet should be a source of free information. Therefore, all of our tools and services are completely free, with no registration required. We coded and developed each calculator individually and put each one through strict, comprehensive testing. However, please inform us if you notice even the slightest error – your input is extremely valuable to us. While most calculators on Justfreetools.com are designed to be universally applicable for worldwide usage, some are for specific countries only.