- HTML Color Shades
- Gray / Grey Web Colors
- Shades of Red
- 16 Million Different Colors
- Web Safe Colors?
- Lightgreen / Light green / #90ee90 Hex Color Code
- Color Variations
- Related Named Colors
- Closely Related
- Intermediately Related
- Distantly Related
- Color Schemes
- Complement
- Analogous
- Split
- Triad
- Square
- Tetradic
- #90ee90 linear gradient to complementary #ff7fff
- Monochromatic Colors
- Tones
- Tints and Shades
- #90ee90 to white
- #90ee90 to black
- Paints
- Similar Paints
- Natural Color System / NCS
- Toyo Ink
- Caparol
- Color Blindness Simulation
- Monochromacy
- Dichromacy
- Trichromacy
- #90ee90 HTML / CSS Code Examples
- #90ee90 foreground
- #90ee90 background
- #90ee90 shadow
- Color Charts
- RGB
- CMYK
- RYB
- Color Space Conversions
- CSS Colors
- RGBA Colors
- Example
- HSL Colors
- Example
- HSLA Colors
- Example
- Opacity
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 |
Lightgreen / Light green / #90ee90 Hex Color Code
The color lightgreen / Light green with hexadecimal color code #90ee90 is a medium light shade of green. In the RGB color model #90ee90 is comprised of 56.47% red, 93.33% green and 56.47% blue. In the HSL color space #90ee90 has a hue of 120° (degrees), 73% saturation and 75% lightness. This color has an approximate wavelength of 549.13 nm.
Color Variations
Related Named Colors
Closely Related
Intermediately Related
Distantly Related
Color Schemes
Complement
Analogous
Split
Triad
Square
Tetradic
#90ee90 linear gradient to complementary #ff7fff
Monochromatic Colors
Tones
Tints and Shades
#90ee90 to white
#90ee90 to black
Paints
Similar Paints
Natural Color System / NCS
Toyo Ink
Caparol
Color Blindness Simulation
Monochromacy
Dichromacy
Trichromacy
#90ee90 HTML / CSS Code Examples
#90ee90 foreground
I paint for myself. I don’t know how to do anything else, anyway. Also I have to earn my living, and occupy myself.
Francis Bacon
#90ee90 background
I want to touch people with my art. I want them to say ‘he feels deeply, he feels tenderly.’.
Vincent Van Gogh
#90ee90 shadow
The object of art is not to reproduce reality, but to create a reality of the same intensity.
Alberto Giacometti
Color Charts
RGB
CMYK
RYB
Color Space Conversions
Decimal 9498256 Binary 10010000, 11101110, 10010000 Hexadecimal #90ee90 LRV ≈ 69.1% Closest short hex #8e8 ΔE = 1.332 RGB rgb(144, 238, 144) RGBA rgba(144, 238, 144, 1.0) rg chromaticity r: 0.274, g: 0.452, b: 0.274 RYB red: 56.471%, yellow: 93.333%, blue: 93.333% Android / android.graphics.Color -7278960 / 0xff90ee90 HSL hsl(120, 73%, 75%) HSLA hsla(120, 73%, 75%, 1.0) HSV / HSB hue: 120° (120.000), saturation: 39% (0.395), value: 93% (0.933) HSP hue: 120.000, saturation: 39.496%, perceived brightness: 80.190% HSLuv (HUSL) H: 127.724, S: 55.167, L: 86.548 Cubehelix H: -250.041, S: 1.006, L: 0.782 TSL T: -0.478, S: 0.179, L: 0.781 CMYK cyan: 39% (0.395), magenta: 0% (0.000), yellow: 39% (0.395), key: 7% (0.067) CMY cyan: 44% (0.435), magenta: 7% (0.067), yellow: 44% (0.435) XYZ X: 47.108, Y: 69.089, Z: 37.233 xyY x: 0.307, y: 0.450, Y: 69.089 CIELab L: 86.548, a: -46.328, b: 36.949 CIELuv L: 86.548, u: -45.203, v: 58.436 CIELCH / LCHab L: 86.548, C: 59.258, H: 141.426 CIELUV / LCHuv L: 86.548, C: 73.878, H: 127.724 Hunter-Lab L: 83.120, a: -44.296, b: 31.625 CIECAM02 J: 79.908, C: 52.624, h: 141.336, Q: 176.118, M: 46.019, s: 51.117, H: 176.193 OSA-UCS lightness: -9.832, jaune: 5.781, green: 6.593 LMS L: 58.155, M: 84.361, S: 37.696 YCbCr Y: 187.072, Cb: 100.646, Cr: 93.408 YCoCg Y: 191.000, Cg: 47.000, Co: 36.000 YDbDr Y: 199.178, Db: -83.002, Dr: 104.904 YPbPr Y: 211.210, Pb: -36.190, Pr: -42.676 xvYCC Y: 197.392, Cb: 96.210, Cr: 90.512 YIQ Y: 199.178, I: -25.799, Q: -49.124 YUV Y: 199.178, U: -27.151, V: -48.409 Okhsl h: 144.088, s: 0.776, l: 0.846 Okhsv h: 144.088. s: 0.499, v: 0.940 Okhwb h: 144.088, w: 0.471, b: 0.060 Oklab l: 0.868, a: -0.126, b: 0.091 Oklch l: 0.868, c: 0.156, h: 144.088 Munsell Color System 10GY 8/8 ΔE = 6.115 Brand Color Zerply ΔE = 12.027
CSS Colors
CSS supports 140+ color names, HEX values, RGB values, RGBA values, HSL values, HSLA values, and opacity.
RGBA Colors
RGBA color values are an extension of RGB color values with an alpha channel — which specifies the opacity for a color.
An RGBA color value is specified with: rgba(red, green, blue, alpha). The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).
The following example defines different RGBA colors:
Example
HSL Colors
HSL stands for Hue, Saturation and Lightness.
An HSL color value is specified with: hsl(hue, saturation, lightness).
- Hue is a degree on the color wheel (from 0 to 360):
- 0 (or 360) is red
- 120 is green
- 240 is blue
- Saturation is a percentage value: 100% is the full color.
- Lightness is also a percentage; 0% is dark (black) and 100% is white.
The following example defines different HSL colors:
Example
HSLA Colors
HSLA color values are an extension of HSL color values with an alpha channel — which specifies the opacity for a color.
An HSLA color value is specified with: hsla(hue, saturation, lightness, alpha), where the alpha parameter defines the opacity. The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).
The following example defines different HSLA colors:
Example
Opacity
The CSS opacity property sets the opacity for the whole element (both background color and text will be opaque/transparent).
The opacity property value must be a number between 0.0 (fully transparent) and 1.0 (fully opaque).
Notice that the text above will also be transparent/opaque!
The following example shows different elements with opacity: