#686666 Color Information
In a RGB color space, hex #686666 is composed of 40.8% red, 40% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.9% magenta, 1.9% yellow and 59.2% black. It has a hue angle of 0 degrees, a saturation of 1% and a lightness of 40.4%. #686666 color hex could be obtained by blending #d0cccc with #000000. Closest websafe color is: #666666.
-
- R 41
- G 40
- B 40
-
- C 0
- M 2
- Y 2
- K 59
● #686666 color description : Very dark grayish red.
#686666 Color Conversion
The hexadecimal color #686666 has RGB values of R:104, G:102, B:102 and CMYK values of C:0, M:0.02, Y:0.02, K:0.59. Its decimal value is 6841958.
Hex triplet | 686666 | #686666 |
---|---|---|
RGB Decimal | 104, 102, 102 | rgb(104,102,102) |
RGB Percent | 40.8, 40, 40 | rgb(40.8%,40%,40%) |
CMYK | 0, 2, 2, 59 | |
HSL | 0°, 1, 40.4 | hsl(0,1%,40.4%) |
HSV (or HSB) | 0°, 1.9, 40.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.367, 0.781, 0.272 |
---|---|
XYZ | 12.858, 13.405, 14.48 |
xyY | 0.316, 0.329, 13.405 |
CIE-LCH | 43.367, 0.827, 19.233 |
CIE-LUV | 43.367, 1.125, 0.238 |
Hunter-Lab | 36.613, -1.385, 2.181 |
Binary | 01101000, 01100110, 01100110 |
Color Schemes with #686666
Alternatives to #686666
Below, you can see some colors close to #686666. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686666 Preview
This text has a font color of #686666.
<span style="color:#686666;">Text here</span>
This paragraph has a background color of #686666.
<p style="background-color:#686666;">Content here</p>
This element has a border color of #686666.
<div style="border:1px solid #686666;">Content here</div>
.text {color:#686666;}
.background {background-color:#686666;}
.border {border:1px solid #686666;}
Shades and Tints of #686666
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, #050505 is the darkest color, while #fafafa is the lightest one.
-
#050505
#050505
rgb(5,5,5)
-
#0f0f0f
#0f0f0f
rgb(15,15,15)
-
#191818
#191818
rgb(25,24,24)
-
#232222
#232222
rgb(35,34,34)
-
#2d2c2c
#2d2c2c
rgb(45,44,44)
-
#363535
#363535
rgb(54,53,53)
-
#403f3f
#403f3f
rgb(64,63,63)
-
#4a4949
#4a4949
rgb(74,73,73)
-
#545353
#545353
rgb(84,83,83)
-
#5e5c5c
#5e5c5c
rgb(94,92,92)
-
#686666
#686666
rgb(104,102,102)
-
#727070
#727070
rgb(114,112,112)
-
#7c7979
#7c7979
rgb(124,121,121)
-
#868383
#868383
rgb(134,131,131)
-
#8f8d8d
#8f8d8d
rgb(143,141,141)
-
#999797
#999797
rgb(153,151,151)
-
#a3a1a1
#a3a1a1
rgb(163,161,161)
-
#acabab
#acabab
rgb(172,171,171)
-
#b6b5b5
#b6b5b5
rgb(182,181,181)
-
#c0bfbf
#c0bfbf
rgb(192,191,191)
-
#cac9c9
#cac9c9
rgb(202,201,201)
-
#d3d2d2
#d3d2d2
rgb(211,210,210)
-
#dddcdc
#dddcdc
rgb(221,220,220)
-
#e7e6e6
#e7e6e6
rgb(231,230,230)
-
#f0f0f0
#f0f0f0
rgb(240,240,240)
-
#fafafa
#fafafa
rgb(250,250,250)
Tones of #686666
A tone is produced by adding gray to any pure hue. In this case, #686666 is the less saturated color, while #c70707 is the most saturated one.
-
#686666
#686666
rgb(104,102,102)
-
#705e5e
#705e5e
rgb(112,94,94)
-
#785656
#785656
rgb(120,86,86)
-
#804e4e
#804e4e
rgb(128,78,78)
-
#884646
#884646
rgb(136,70,70)
-
#903e3e
#903e3e
rgb(144,62,62)
-
#983636
#983636
rgb(152,54,54)
-
#9f2f2f
#9f2f2f
rgb(159,47,47)
-
#a72727
#a72727
rgb(167,39,39)
-
#af1f1f
#af1f1f
rgb(175,31,31)
-
#b71717
#b71717
rgb(183,23,23)
-
#bf0f0f
#bf0f0f
rgb(191,15,15)
-
#c70707
#c70707
rgb(199,7,7)
Color Blindness Simulator
Below, you can see how #686666 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.