#666666 hex color (#666)
In a RGB color space, hex #666666 is composed of 40% red, 40% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 0% yellow and 60% black. It has a hue angle of 0 degrees, a saturation of 0% and a lightness of 40%. #666666 color hex could be obtained by blending #cccccc with #000000. #666666 (or #666) is a websafe color.
-
- R 40
- G 40
- B 40
RGB color chart
-
- C 0
- M 0
- Y 0
- K 60
CMYK color chart
● #666666 color description : Very dark gray.
The hexadecimal color #666666 has RGB values of R:102, G:102, B:102 and CMYK values of C:0, M:0, Y:0, K:0.6. Its decimal value is 6710886.
Hex triplet | 666666 | #666666 |
---|---|---|
RGB Decimal | 102, 102, 102 | rgb(102,102,102) |
RGB Percent | 40, 40, 40 | rgb(40%,40%,40%) |
CMYK | 0, 0, 0, 60 | |
HSL | 0°, 0, 40 | hsl(0,0%,40%) |
HSV (or HSB) | 0°, 0, 40 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.192, -0, -0.004 |
---|---|
XYZ | 12.629, 13.287, 14.469 |
xyY | 0.313, 0.329, 13.287 |
CIE-LCH | 43.192, 0.004, 266.929 |
CIE-LUV | 43.192, -0.003, -0.006 |
Hunter-Lab | 36.451, -1.947, 1.981 |
Binary | 01100110, 01100110, 01100110 |
-
#404040
#404040
rgb(64,64,64)
-
#4d4d4d
#4d4d4d
rgb(77,77,77)
-
#595959
#595959
rgb(89,89,89)
-
#666666
#666666
rgb(102,102,102)
-
#737373
#737373
rgb(115,115,115)
-
#808080
#808080
rgb(128,128,128)
-
#8c8c8c
#8c8c8c
rgb(140,140,140)
Monochromatic Color
Below, you can see some colors close to #666666. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #666666
This text has a font color of #666666.
<span style="color:#666666;">Text here</span>
#666666 background color
This paragraph has a background color of #666666.
<p style="background-color:#666666;">Content here</p>
#666666 border color
This element has a border color of #666666.
<div style="border:1px solid #666666;">Content here</div>
CSS codes
.text {color:#666666;}
.background {background-color:#666666;}
.border {border:1px solid #666666;}
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040404 is the darkest color, while #f9f9f9 is the lightest one.
-
#040404
#040404
rgb(4,4,4)
-
#0e0e0e
#0e0e0e
rgb(14,14,14)
-
#181818
#181818
rgb(24,24,24)
-
#212121
#212121
rgb(33,33,33)
-
#2b2b2b
#2b2b2b
rgb(43,43,43)
-
#353535
#353535
rgb(53,53,53)
-
#3f3f3f
#3f3f3f
rgb(63,63,63)
-
#494949
#494949
rgb(73,73,73)
-
#525252
#525252
rgb(82,82,82)
-
#5c5c5c
#5c5c5c
rgb(92,92,92)
-
#666666
#666666
rgb(102,102,102)
-
#707070
#707070
rgb(112,112,112)
-
#7a7a7a
#7a7a7a
rgb(122,122,122)
Shade Color Variation
-
#838383
#838383
rgb(131,131,131)
-
#8d8d8d
#8d8d8d
rgb(141,141,141)
-
#979797
#979797
rgb(151,151,151)
-
#a1a1a1
#a1a1a1
rgb(161,161,161)
-
#ababab
#ababab
rgb(171,171,171)
-
#b4b4b4
#b4b4b4
rgb(180,180,180)
-
#bebebe
#bebebe
rgb(190,190,190)
-
#c8c8c8
#c8c8c8
rgb(200,200,200)
-
#d2d2d2
#d2d2d2
rgb(210,210,210)
-
#dcdcdc
#dcdcdc
rgb(220,220,220)
-
#e6e6e6
#e6e6e6
rgb(230,230,230)
-
#efefef
#efefef
rgb(239,239,239)
-
#f9f9f9
#f9f9f9
rgb(249,249,249)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #666666 is the less saturated color, while #cc0000 is the most saturated one.
-
#666666
#666666
rgb(102,102,102)
-
#6f5e5e
#6f5e5e
rgb(111,94,94)
-
#775555
#775555
rgb(119,85,85)
-
#804d4d
#804d4d
rgb(128,77,77)
-
#884444
#884444
rgb(136,68,68)
-
#913c3c
#913c3c
rgb(145,60,60)
-
#993333
#993333
rgb(153,51,51)
-
#a22b2b
#a22b2b
rgb(162,43,43)
-
#aa2222
#aa2222
rgb(170,34,34)
-
#b31a1a
#b31a1a
rgb(179,26,26)
-
#bb1111
#bb1111
rgb(187,17,17)
-
#c40909
#c40909
rgb(196,9,9)
-
#cc0000
#cc0000
rgb(204,0,0)
Tone Color Variation
Below, you can see how #666666 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.
Monochromacy
Dichromacy