- RGB Color Codes Chart
- RGB color space
- RGB color format & calculation
- Calculation examples
- RGB color table
- See also
- HTML Color Shades
- Gray / Grey Web Colors
- Shades of Red
- 16 Million Different Colors
- Web Safe Colors?
- Sass scale-color() Function
- Example
- Syntax
- Parameter Value
- Return Value
- Reminder
- Join Our Channel
- Share this Page
- Meet the Author
- Get to Know Us
- HTML color code for #008000
- Example text color using #008000
- HTML using color code example
- HTML using W3C color name example
- CSS code example
- Lighter colors
- Darker colors
- Analogous colors
- Trinary colors
- Other colors containing «green»
RGB Color Codes Chart
Hover with cursor on color to get the hex and decimal color codes below:
RGB color space
RGB color space or RGB color system, constructs all the colors from the combination of the Red, Green and Blue colors.
The red, green and blue use 8 bits each, which have integer values from 0 to 255. This makes 256*256*256=16777216 possible colors.
Each pixel in the LED monitor displays colors this way, by combination of red, green and blue LEDs (light emitting diodes).
When the red pixel is set to 0, the LED is turned off. When the red pixel is set to 255, the LED is turned fully on.
Any value between them sets the LED to partial light emission.
RGB color format & calculation
RGB code has 24 bits format (bits 0..23):
RED[7:0] | GREEN[7:0] | BLUE[7:0] | |||||||||||||||||||||
23 | 16 | 15 | 8 | 7 | 0 |
RGB = (R*65536)+(G*256)+B , (when R is RED, G is GREEN and B is BLUE)
Calculation examples
White RGB Color
White RGB code = 255*65536+255*256+255 = #FFFFFF
Blue RGB Color
Blue RGB code = 0*65536+0*256+255 = #0000FF
Red RGB Color
Red RGB code = 255*65536+0*256+0 = #FF0000
Green RGB Color
Green RGB code = 0*65536+255*256+0 = #00FF00
Gray RGB Color
Gray RGB code = 128*65536+128*256+128 = #808080
Yellow RGB Color
Yellow RGB code = 255*65536+255*256+0 = #FFFF00
RGB color table
See also
- RGB to hex converter
- RGB to HSV converter
- RGB to HSL converter
- RGB to CMYK converter
- Color conversions
- Color wheel chart
- Screen color tester
- HTML color codes
- HTML character codes
- ASCII table
- Unicode characters
- Web safe colors
- Yellow color
- Gold color
HTML Color Shades
Gray colors are displayed using an equal amount of power to all of the light sources.
To make it easy for you to select a gray color we have compiled a table of gray shades for you:
Gray Shades | HEX | RGB |
---|---|---|
HTML Black | #000000 | rgb(0,0,0) |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
HTML DimGray | #696969 | rgb(105,105,105) |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
HTML Gray | #808080 | rgb(128,128,128) |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
HTML DarkGray . | #A9A9A9 | rgb(169,169,169) |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
X11 Gray | #BEBEBE | rgb(190,190,190) |
HTML Silver | #C0C0C0 | rgb(192,192,192) |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
HTML LightGray | #D3D3D3 | rgb(211,211,211) |
#D8D8D8 | rgb(216,216,216) | |
HTML Gainsboro | #DCDCDC | rgb(220,220,220) |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
HTML WhiteSmoke | #F5F5F5 | rgb(245,245,245) |
#F8F8F8 | rgb(248,248,248) | |
HTML White | #FFFFFF | rgb(255,255,255) |
An anomaly in the table above is that HTML Gray is darker than DarkGray.
The color names of HTML / CSS was inherited from the X11 standard.
HTML / CSS defined gray at the midpoint of the 8-bit gray scale (128,128,128).
X11 defined gray to be (190,190,190); which is closer to HTML silver.
Gray / Grey Web Colors
There are several gray color names in HTML / CSS.
All gray colors are spelled as gray (not grey).
This spelling was inherited from the X11 standard.
All modern browsers accept both gray and grey, but early versions of Internet Explorer did not recognize grey
Shades of Red
If you look at the color table below, you will see the result of varying the red light from 0 to 255, while keeping the green and blue light at zero.
Click on the hexadecimal values, if you want to analyze the color in our color picker.
Red Light | HEX | RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
16 Million Different Colors
The combination of Red, Green and Blue values from 0 to 255 gives a total of more than 16 million different colors to play with (256 x 256 x 256).
Most modern monitors are capable of displaying at least 16384 different colors.
Web Safe Colors?
Many years ago, when computers supported maximum 256 different colors, a list of 216 «Web Safe Colors» was suggested as a Web standard (reserving 40 fixed system colors).
This is not important now, since most computers can display millions of different colors.
This 216 hex values cross-browser color palette was created to ensure that all computers would display the colors correctly when running a 256 color palette:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Sass scale-color() Function
The scale-color() function fluidly scales one or more properties of a given color.
Example
Syntax
Parameter Value
Value | Type | Explanation |
---|---|---|
$color | Required | Specifies a color. |
$red | Optional | Specifies red channel in RGB value. The arguments must be between -100% and 100% (both are inclusive). |
$green | Optional | Specifies green channel in RGB value. The arguments must be between -100% and 100% (both are inclusive). |
$blue | Optional | Specifies blue channel in RGB value. The arguments must be between -100% and 100% (both are inclusive). |
$saturation | Optional | Specifies the intensity of color. The arguments must be between -100% and 100% (both are inclusive). |
$lightness | Optional | Specifies the tone of the color. The arguments must be between -100% and 100% (both are inclusive). |
$alpha | Optional | Specifies the degree of transparency of a color. The arguments must be between -1 and 1 (both are inclusive). |
Return Value
Reminder
Hi Developers, we almost covered 99.1% of Sass Tutorials with examples for quick and easy learning.
We are working to cover every Single Concept in Sass.
Please do google search for:
Join Our Channel
Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.
This channel is primarily useful for Full Stack Web Developer.
Share this Page
Meet the Author
Get to Know Us
wikimass.com is a community website, which is optimized for learning, discussing and testing the concept in depth, each comments by user will be reviewed by our authority after publishing it live to maintain our community standard, we constantly review all our tutorials to give user up-to-date information and to avoid errors, but we cannot warrent full correctness of all contents published under wikimass.com. While using this site, you are agree to have read and accept our terms of use, cookie and privacy policy
HTML color code for #008000
A good complementary color for this color is #800080.
Example text color using #008000
This text is placeholder text to give you an idea of how this color looks when used as a font color on a white background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.
This text is placeholder text to give you an idea of how this color looks when used as a font color on a black background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.
HTML using color code example
HTML using W3C color name example
CSS code example
Lighter colors
Darker colors
Analogous colors
Trinary colors
Other colors containing «green»
The following table is a list of other colors containing the keyword «green» in the color name. This table can give you other ideas for shades of green.
Code | Color |
---|---|
#7BCCB5 | Blue Green |
#43BFC7 | Macaw Blue Green |
#20B2AA | LightSeaGreen (W3C) |
#3EA99F | Seafoam Green |
#00827F | Teal Green |
#3C565B | Blue Moss Green |
#4C787E | Beetle Green |
#307D7E | Greenish Blue |
#438D80 | Sea Turtle Green |
#4E8975 | Dull-Sea Green |
#1F6357 | Dark Green Blue |
#306754 | Deep-Sea Green |
#006A4E | Bottle Green |
#2E8B57 | SeaGreen (W3C) |
#1B8A6B | Elf Green |
#34A56F | Earth Green |
#1AA260 | Chrome Green |
#3CB371 | MediumSeaGreen (W3C) |
#7C9D8E | Metallic Green |
#78866B | Camouflage Green |
#848B79 | Sage Green |
#617C58 | Hazel Green |
#728C00 | Venom Green |
#556B2F | DarkOliveGreen (W3C) |
#4E5B31 | Military Green |
#3A5F0B | Green Leaves |
#4B5320 | Army Green |
#667C26 | Fern Green |
#4E9258 | Fall Forest Green |
#08A04B | Irish Green |
#387C44 | Pine Green |
#347235 | Medium Forest Green |
#347C2C | Jungle Green |
#227442 | Cactus Green |
#228B22 | ForestGreen (W3C) |
#006400 | DarkGreen (W3C) |
#056608 | Deep Green |
#046307 | Deep Emerald Green |
#355E3B | Hunter Green |
#254117 | Dark Forest Green |
#004225 | Lotus Green |
#437C17 | Seaweed Green |
#347C17 | Shamrock Green |
#6AA121 | Green Onion |
#8A9A5B | Moss Green |
#3F9B0B | Grass Green |
#4AA02C | Green Pepper |
#41A317 | Dark Lime Green |
#12AD2B | Parrot Green |
#3EA055 | Clover Green |
#73A16C | Dinosaur Green |
#6CBB3C | Green Snake |
#6CC417 | Alien Green |
#4CC417 | Green Apple |
#32CD32 | LimeGreen (W3C) |
#52D017 | Pea Green |
#4CC552 | Kelly Green |
#54C571 | Zombie Green |
#89C35C | Green Peas |
#85BB65 | Dollar Bill Green |
#99C68E | Frog Green |
#A0D6B4 | Turquoise Green |
#8FBC8F | DarkSeaGreen (W3C) |
#829F82 | Basil Green |
#A2AD9C | Gray Green |
#B8BC86 | Light Olive Green |
#9CB071 | Iguana Green |
#8FB31D | Citron Green |
#B0BF1A | Acid Green |
#B2C248 | Avocado Green |
#9DC209 | Pistachio Green |
#A1C935 | Salad Green |
#9ACD32 | YellowGreen (W3C) |
#77DD77 | Pastel Green |
#7FE817 | Hummingbird Green |
#59E817 | Nebula Green |
#57E964 | Stoplight Go Green |
#16F529 | Neon Green |
#5EFB6E | Jade Green |
#36F57F | Lime Mint Green |
#00FF7F | SpringGreen (W3C) |
#00FA9A | MediumSpringGreen (W3C) |
#5FFB17 | Emerald Green |
#7CFC00 | LawnGreen (W3C) |
#66FF00 | Bright Green |
#87F717 | Yellow Lawn Green |
#98F516 | Aloe Vera Green |
#B1FB17 | Dull Green Yellow |
#ADF802 | Lemon Green |
#ADFF2F | GreenYellow (W3C) |
#BDF516 | Chameleon Green |
#DAEE01 | Neon Yellow Green |
#E2F516 | Yellow Green Grosbeak |
#CCFB5D | Tea Green |
#BCE954 | Slime Green |
#64E986 | Algae Green |
#90EE90 | LightGreen (W3C) |
#6AFB92 | Dragon Green |
#98FB98 | PaleGreen (W3C) |
#98FF98 | Mint Green |
#B5EAAA | Green Thumb |
#C2E5D3 | Light Mint Green |
#DBF9DB | Light Rose Green |
#BAB86C | Olive Green |
#8A865D | Khaki Green |
Enter any HTML color code into our search to get results like this page.