New Domains
|
Cloud Hosting
|Web Development|DIY Electronics

Charts of Computer Web Color Grays

Variations of gray include achromatic grayscale shades, which lie exactly between white and black, and nearby colors with low colorfulness (chromatic gray). Below is a charts showing the computer web color grays.

Achromatic Grayscale Shades


An achromatic gray is a gray color in which the red, green, and blue codes are exactly equal. The web colors gray, gainsboro, light gray, dark gray, and dim gray are all achromatic colors.

The colors white and black are not usually thought of as shades of gray, but they can be thought of as shades of achromatic gray, as both contain equal amounts of red, blue and green. White is at the extreme upper end of the achromatic value scale and black is at the extreme lower end of the achromatic value scale, with all the colors normally considered tones of achromatic gray colors in between.

White#FFFFFFrgb(255,255,255)
Noname#FEFEFErgb(254,254,254)
Noname#FDFDFDrgb(253,253,253)
Noname#FCFCFCrgb(252,252,252)
Noname#FBFBFBrgb(251,251,251)
Noname#FAFAFArgb(250,250,250)
Noname#F9F9F9rgb(249,249,249)
Noname#F8F8F8rgb(248,248,248)
Noname#F7F7F7rgb(247,247,247)
Noname#F6F6F6rgb(246,246,246)
Noname#F5F5F5rgb(245,245,245)
Noname#F4F4F4rgb(244,244,244)
Noname#F3F3F3rgb(243,243,243)
Noname#F2F2F2rgb(242,242,242)
Noname#F1F1F1rgb(241,241,241)
Noname#F0F0F0rgb(240,240,240)
Noname#EFEFEFrgb(239,239,239)
Noname#EEEEEErgb(238,238,238)
Noname#EDEDEDrgb(237,237,237)
Noname#ECECECrgb(236,236,236)
Noname#EBEBEBrgb(235,235,235)
Noname#EAEAEArgb(234,234,234)
Noname#E9E9E9rgb(233,233,233)
Noname#E8E8E8rgb(232,232,232)
Noname#E7E7E7rgb(231,231,231)
Noname#E6E6E6rgb(230,230,230)
10% Black (CorelDRAW)#E5E5E5rgb(229,229,229)
Noname#E4E4E4rgb(228,228,228)
Noname#E3E3E3rgb(227,227,227)
Noname#E2E2E2rgb(226,226,226)
Noname#E1E1E1rgb(225,225,225)
Noname#E0E0E0rgb(224,224,224)
Noname#DFDFDFrgb(223,223,223)
Noname#DEDEDErgb(222,222,222)
Noname#DDDDDDrgb(221,221,221)
Gainsboro (X11)#DCDCDCrgb(220,220,220)
Noname#DBDBDBrgb(219,219,219)
Noname#DADADArgb(218,218,218)
Noname#D9D9D9rgb(217,217,217)
Noname#D8D8D8rgb(216,216,216)
Noname#D7D7D7rgb(215,215,215)
Noname#D6D6D6rgb(214,214,214)
Noname#D5D5D5rgb(213,213,213)
Noname#D4D4D4rgb(212,212,212)
Light Gray (X11)#D3D3D3rgb(211,211,211)
Noname#D2D2D2rgb(210,210,210)
Noname#D1D1D1rgb(209,209,209)
Noname#D0D0D0rgb(208,208,208)
Noname#CFCFCFrgb(207,207,207)
Noname#CECECErgb(206,206,206)
Noname#CDCDCDrgb(205,205,205)
20% Black (CorelDRAW)#CCCCCCrgb(204,204,204)
Noname#CBCBCBrgb(203,203,203)
Noname#CACACArgb(202,202,202)
Noname#C9C9C9rgb(201,201,201)
Noname#C8C8C8rgb(200,200,200)
Noname#C7C7C7rgb(199,199,199)
Noname#C6C6C6rgb(198,198,198)
Noname#C5C5C5rgb(197,197,197)
Noname#C4C4C4rgb(196,196,196)
Noname#C3C3C3rgb(195,195,195)
Noname#C2C2C2rgb(194,194,194)
Noname#C1C1C1rgb(193,193,193)
Silver (HTML/CSS)#C0C0C0rgb(192,192,192)
Noname#BFBFBFrgb(191,191,191)
Medium Gray (X11: Gray)#BEBEBErgb(190,190,190)
Noname#BDBDBDrgb(189,189,189)
Noname#BCBCBCrgb(188,188,188)
Noname#BBBBBBrgb(187,187,187)
Noname#BABABArgb(186,186,186)
Noname#B9B9B9rgb(185,185,185)
Noname#B8B8B8rgb(184,184,184)
Noname#B7B7B7rgb(183,183,183)
Noname#B6B6B6rgb(182,182,182)
Noname#B5B5B5rgb(181,181,181)
Noname#B4B4B4rgb(180,180,180)
Noname#B3B3B3rgb(179,179,179)
30% Black (CorelDRAW)#B2B2B2rgb(178,178,178)
Noname#B1B1B1rgb(177,177,177)
Noname#B0B0B0rgb(176,176,176)
Noname#AFAFAFrgb(175,175,175)
Noname#AEAEAErgb(174,174,174)
Noname#ADADADrgb(173,173,173)
Noname#ACACACrgb(172,172,172)
Noname#ABABABrgb(171,171,171)
Noname#AAAAAArgb(170,170,170)
Dark Medium Gray (X11: Dark Gray)#A9A9A9rgb(169,169,169)
Noname#A8A8A8rgb(168,168,168)
Noname#A7A7A7rgb(167,167,167)
Noname#A6A6A6rgb(166,166,166)
Noname#A5A5A5rgb(165,165,165)
Noname#A4A4A4rgb(164,164,164)
Noname#A3A3A3rgb(163,163,163)
Noname#A2A2A2rgb(162,162,162)
Noname#A1A1A1rgb(161,161,161)
Noname#A0A0A0rgb(160,160,160)
Noname#9F9F9Frgb(159,159,159)
Noname#9E9E9Ergb(158,158,158)
Noname#9D9D9Drgb(157,157,157)
Noname#9C9C9Crgb(156,156,156)
Noname#9B9B9Brgb(155,155,155)
Noname#9A9A9Argb(154,154,154)
40% Black (CorelDRAW)#999999rgb(153,153,153)
Spanish Gray (G&S: Gray)#989898rgb(152,152,152)
Noname#979797rgb(151,151,151)
Noname#969696rgb(150,150,150)
Noname#959595rgb(149,149,149)
Noname#949494rgb(148,148,148)
Noname#939393rgb(147,147,147)
Noname#929292rgb(146,146,146)
Noname#919191rgb(145,145,145)
Noname#909090rgb(144,144,144)
Noname#8F8F8Frgb(143,143,143)
Noname#8E8E8Ergb(142,142,142)
Noname#8D8D8Drgb(141,141,141)
Noname#8C8C8Crgb(140,140,140)
Noname#8B8B8Brgb(139,139,139)
Noname#8A8A8Argb(138,138,138)
Noname#898989rgb(137,137,137)
Noname#888888rgb(136,136,136)
Noname#878787rgb(135,135,135)
Noname#868686rgb(134,134,134)
Noname#858585rgb(133,133,133)
Noname#848484rgb(132,132,132)
Noname#838383rgb(131,131,131)
Noname#828282rgb(130,130,130)
Noname#818181rgb(129,129,129)
Gray (HTML/CSS)#808080rgb(128,128,128)
50% Black (CorelDRAW)#7F7F7Frgb(127,127,127)
Noname#7E7E7Ergb(126,126,126)
Noname#7D7D7Drgb(125,125,125)
Noname#7C7C7Crgb(124,124,124)
Noname#7B7B7Brgb(123,123,123)
Noname#7A7A7Argb(122,122,122)
Noname#797979rgb(121,121,121)
Noname#787878rgb(120,120,120)
Noname#777777rgb(119,119,119)
Noname#767676rgb(118,118,118)
Noname#757575rgb(117,117,117)
Noname#747474rgb(116,116,116)
Noname#737373rgb(115,115,115)
Noname#727272rgb(114,114,114)
Noname#717171rgb(113,113,113)
Noname#707070rgb(112,112,112)
Noname#6F6F6Frgb(111,111,111)
Noname#6E6E6Ergb(110,110,110)
Noname#6D6D6Drgb(109,109,109)
Noname#6C6C6Crgb(108,108,108)
Noname#6B6B6Brgb(107,107,107)
Noname#6A6A6Argb(106,106,106)
Dim Gray (X11)#696969rgb(105,105,105)
Noname#686868rgb(104,104,104)
Noname#676767rgb(103,103,103)
60% Black (CorelDRAW)#666666rgb(102,102,102)
Noname#656565rgb(101,101,101)
Noname#646464rgb(100,100,100)
Noname#636363rgb(99,99,99)
Noname#626262rgb(98,98,98)
Noname#616161rgb(97,97,97)
Noname#606060rgb(96,96,96)
Noname#5F5F5Frgb(95,95,95)
Noname#5E5E5Ergb(94,94,94)
Noname#5D5D5Drgb(93,93,93)
Noname#5C5C5Crgb(92,92,92)
Noname#5B5B5Brgb(91,91,91)
Noname#5A5A5Argb(90,90,90)
Noname#595959rgb(89,89,89)
Noname#585858rgb(88,88,88)
Noname#575757rgb(87,87,87)
Noname#565656rgb(86,86,86)
Davy's Gray (ISCC-NBS)#555555rgb(85,85,85)
Noname#545454rgb(84,84,84)
Noname#535353rgb(83,83,83)
Noname#525252rgb(82,82,82)
Noname#515151rgb(81,81,81)
Noname#505050rgb(80,80,80)
Noname#4F4F4Frgb(79,79,79)
Noname#4E4E4Ergb(78,78,78)
Noname#4D4D4Drgb(77,77,77)
70% Black (CorelDRAW)#4C4C4Crgb(76,76,76)
Noname#4B4B4Brgb(75,75,75)
Noname#4A4A4Argb(74,74,74)
Noname#494949rgb(73,73,73)
Noname#484848rgb(72,72,72)
Noname#474747rgb(71,71,71)
Noname#464646rgb(70,70,70)
Noname#454545rgb(69,69,69)
Noname#444444rgb(68,68,68)
Noname#434343rgb(67,67,67)
Noname#424242rgb(66,66,66)
Noname#414141rgb(65,65,65)
Noname#404040rgb(64,64,64)
Noname#3F3F3Frgb(63,63,63)
Noname#3E3E3Ergb(62,62,62)
Noname#3D3D3Drgb(61,61,61)
Noname#3C3C3Crgb(60,60,60)
Noname#3B3B3Brgb(59,59,59)
Noname#3A3A3Argb(58,58,58)
Noname#393939rgb(57,57,57)
Noname#383838rgb(56,56,56)
Noname#373737rgb(55,55,55)
Noname#363636rgb(54,54,54)
Noname#353535rgb(53,53,53)
Jet (ISCC-NBS)#343434rgb(52,52,52)
80% Black (CorelDRAW)#333333rgb(51,51,51)
Noname#323232rgb(50,50,50)
Noname#313131rgb(49,49,49)
Noname#303030rgb(48,48,48)
Noname#2F2F2Frgb(47,47,47)
Noname#2E2E2Ergb(46,46,46)
Noname#2D2D2Drgb(45,45,45)
Noname#2C2C2Crgb(44,44,44)
Noname#2B2B2Brgb(43,43,43)
Noname#2A2A2Argb(42,42,42)
Noname#292929rgb(41,41,41)
Noname#282828rgb(40,40,40)
Noname#272727rgb(39,39,39)
Noname#262626rgb(38,38,38)
Noname#252525rgb(37,37,37)
Noname#242424rgb(36,36,36)
Noname#232323rgb(35,35,35)
Noname#222222rgb(34,34,34)
Noname#212121rgb(33,33,33)
Noname#202020rgb(32,32,32)
Noname#1F1F1Frgb(31,31,31)
Noname#1E1E1Ergb(30,30,30)
Noname#1D1D1Drgb(29,29,29)
Noname#1C1C1Crgb(28,28,28)
Noname#1B1B1Brgb(27,27,27)
Noname#1A1A1Argb(26,26,26)
90% Black (CorelDRAW)#191919rgb(25,25,25)
Noname#181818rgb(24,24,24)
Noname#171717rgb(23,23,23)
Noname#161616rgb(22,22,22)
Noname#151515rgb(21,21,21)
Noname#141414rgb(20,20,20)
Noname#131313rgb(19,19,19)
Noname#121212rgb(18,18,18)
Noname#111111rgb(17,17,17)
Noname#101010rgb(16,16,16)
Noname#0F0F0Frgb(15,15,15)
Noname#0E0E0Ergb(14,14,14)
Noname#0D0D0Drgb(13,13,13)
Noname#0C0C0Crgb(12,12,12)
Noname#0B0B0Brgb(11,11,11)
Noname#0A0A0Argb(10,10,10)
Noname#090909rgb(9,9,9)
Noname#080808rgb(8,8,8)
Noname#070707rgb(7,7,7)
Noname#060606rgb(6,6,6)
Noname#050505rgb(5,5,5)
Noname#040404rgb(4,4,4)
Noname#030303rgb(3,3,3)
Noname#020202rgb(2,2,2)
Noname#010101rgb(1,1,1)
Black#000000rgb(0,0,0)

Chromatic Grayscale Shades


A chromatic gray is a gray color in which the red, green, and blue codes are not exactly equal, but are close to each other, which is what makes it a shade of gray:

Platinum#E5E4E2rgb(229,228,226)
Ash gray#B2BEB5rgb(178,190,181)
Battleship Gray#848482rgb(132,132,130)
Gunmetal#2A3439rgb(42,52,57)
Nickel#727472rgb(114,116,114)
Charcoal#36454Frgb(54,69,79)

Cool grays have noticeably bluish, greenish, or violetish hues:

Cool Gray#9090C0rgb(144,144,192)
Cadet Gray#91A3B0rgb(145,163,176)
Blue-Gray#6699CCrgb(102,153,204)
Glaucous#6082B6rgb(96,130,182)
Slate Gray#708090rgb(112,128,144)
Light Slate Gray#778899rgb(119,136,153)
Dark Slate Gray#2F4F4Frgb(47,79,79)
Gray-Green#5E716Argb(94,113,106)
Marengo#4C5866rgb(76,88,102)

Warm grays are colors that are noticeably brownish, pinkish grays, or reddish purple grays. The color brown is itself is a dark shade of orange. Brown colors also include dark shades of rose, red, and amber. Pink colors include light tones of rose, red, and orange. These tones of pink become warm grays when they are mixed with gray:

Rose Quartz#AA98A9rgb(170,152,169)
Cinereous#98817Brgb(152,129,123)
Rocket Metallic#8A7F8Drgb(138,129,141)
Taupe#483C32rgb(72,60,50)

Conclusion


Colors may be specified as an RGB triplet or in hexadecimal format (a hex triplet) or according to their common English names in some cases. A color is specified according to the intensity of its red, green and blue components, each represented by eight bits. Thus, there are 24 bits used to specify a web color within the sRGB gamut, and 16,777,216 colors that may be so specified.

A hex triplet is a six-digit, three-byte hexadecimal number used in HTML, CSS, SVG, and other computing applications to represent colors. The bytes represent the red, green and blue components of the color. One byte represents a number in the range 00 to FF (in hexadecimal notation), or 0 to 255 in decimal notation. This represents the least (0) to the most (255) intensity of each of the color components. Thus web colors specify colors in the True Color (24-bit RGB) color scheme. The hex triplet is formed by concatenating three bytes in hexadecimal notation, in the following order:

●  Byte 1: red value (color type red)
●  Byte 2: green value (color type green)
●  Byte 3: blue value (color type blue)

For example, consider the color where the red/green/blue values are decimal numbers: red=36, green=104, blue=160 (a grayish-blue color). The decimal numbers 36, 104 and 160 are equivalent to the hexadecimal numbers 24, 68 and A0 respectively. The hex triplet is obtained by concatenating the six hexadecimal digits together, 2468A0 in this example.

If any one of the three color values is less than 10 hex (16 decimal), it must be represented with a leading zero so that the triplet always has exactly six digits. For example, the decimal triplet 4, 8, 16 would be represented by the hex digits 04, 08, 10, forming the hex triplet 040810.

The number of colors that can be represented by this system is 166 or 2563 or 224 = 16,777,216.

 Third-party logos and marks are registered trademarks of their respective owners. All rights reserved.Igor Goncharuk © 2018