#676666 Color Information
In a RGB color space, hex #676666 is composed of 40.4% red, 40% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 1% yellow and 59.6% black. It has a hue angle of 0 degrees, a saturation of 0.5% and a lightness of 40.2%. #676666 color hex could be obtained by blending #cecccc with #000000. Closest websafe color is: #666666.
-
- R 40
- G 40
- B 40
-
- C 0
- M 1
- Y 1
- K 60
● #676666 color description : Very dark grayish red.
#676666 Color Conversion
The hexadecimal color #676666 has RGB values of R:103, G:102, B:102 and CMYK values of C:0, M:0.01, Y:0.01, K:0.6. Its decimal value is 6776422.
Hex triplet | 676666 | #676666 |
---|---|---|
RGB Decimal | 103, 102, 102 | rgb(103,102,102) |
RGB Percent | 40.4, 40, 40 | rgb(40.4%,40%,40%) |
CMYK | 0, 1, 1, 60 | |
HSL | 0°, 0.5, 40.2 | hsl(0,0.5%,40.2%) |
HSV (or HSB) | 0°, 1, 40.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.279, 0.39, 0.133 |
---|---|
XYZ | 12.743, 13.346, 14.474 |
xyY | 0.314, 0.329, 13.346 |
CIE-LCH | 43.279, 0.412, 18.899 |
CIE-LUV | 43.279, 0.559, 0.115 |
Hunter-Lab | 36.532, -1.667, 2.081 |
Binary | 01100111, 01100110, 01100110 |
Color Schemes with #676666
Alternatives to #676666
Below, you can see some colors close to #676666. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676666 Preview
This text has a font color of #676666.
<span style="color:#676666;">Text here</span>
This paragraph has a background color of #676666.
<p style="background-color:#676666;">Content here</p>
This element has a border color of #676666.
<div style="border:1px solid #676666;">Content here</div>
.text {color:#676666;}
.background {background-color:#676666;}
.border {border:1px solid #676666;}
Shades and Tints of #676666
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 #fafafa is the lightest one.
-
#040404
#040404
rgb(4,4,4)
-
#0e0e0e
#0e0e0e
rgb(14,14,14)
-
#181818
#181818
rgb(24,24,24)
-
#222222
#222222
rgb(34,34,34)
-
#2c2b2b
#2c2b2b
rgb(44,43,43)
-
#363535
#363535
rgb(54,53,53)
-
#403f3f
#403f3f
rgb(64,63,63)
-
#494949
#494949
rgb(73,73,73)
-
#535252
#535252
rgb(83,82,82)
-
#5d5c5c
#5d5c5c
rgb(93,92,92)
-
#676666
#676666
rgb(103,102,102)
-
#717070
#717070
rgb(113,112,112)
-
#7b7a7a
#7b7a7a
rgb(123,122,122)
-
#858383
#858383
rgb(133,131,131)
-
#8e8d8d
#8e8d8d
rgb(142,141,141)
-
#989797
#989797
rgb(152,151,151)
-
#a2a1a1
#a2a1a1
rgb(162,161,161)
-
#acabab
#acabab
rgb(172,171,171)
-
#b5b5b5
#b5b5b5
rgb(181,181,181)
-
#bfbebe
#bfbebe
rgb(191,190,190)
-
#c9c8c8
#c9c8c8
rgb(201,200,200)
-
#d3d2d2
#d3d2d2
rgb(211,210,210)
-
#dcdcdc
#dcdcdc
rgb(220,220,220)
-
#e6e6e6
#e6e6e6
rgb(230,230,230)
-
#f0f0f0
#f0f0f0
rgb(240,240,240)
-
#fafafa
#fafafa
rgb(250,250,250)
Tones of #676666
A tone is produced by adding gray to any pure hue. In this case, #676666 is the less saturated color, while #c60707 is the most saturated one.
-
#676666
#676666
rgb(103,102,102)
-
#6f5e5e
#6f5e5e
rgb(111,94,94)
-
#775656
#775656
rgb(119,86,86)
-
#7f4e4e
#7f4e4e
rgb(127,78,78)
-
#874646
#874646
rgb(135,70,70)
-
#8e3f3f
#8e3f3f
rgb(142,63,63)
-
#963737
#963737
rgb(150,55,55)
-
#9e2f2f
#9e2f2f
rgb(158,47,47)
-
#a62727
#a62727
rgb(166,39,39)
-
#ae1f1f
#ae1f1f
rgb(174,31,31)
-
#b61717
#b61717
rgb(182,23,23)
-
#be0f0f
#be0f0f
rgb(190,15,15)
-
#c60707
#c60707
rgb(198,7,7)
Color Blindness Simulator
Below, you can see how #676666 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.