#676676 Color Information
In a RGB color space, hex #676676 is composed of 40.4% red, 40% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 13.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 243.8 degrees, a saturation of 7.3% and a lightness of 43.1%. #676676 color hex could be obtained by blending #ceccec with #000000. Closest websafe color is: #666666.
-
- R 40
- G 40
- B 46
-
- C 13
- M 14
- Y 0
- K 54
● #676676 color description : Dark grayish blue.
#676676 Color Conversion
The hexadecimal color #676676 has RGB values of R:103, G:102, B:118 and CMYK values of C:0.13, M:0.14, Y:0, K:0.54. Its decimal value is 6776438.
Hex triplet | 676676 | #676676 |
---|---|---|
RGB Decimal | 103, 102, 118 | rgb(103,102,118) |
RGB Percent | 40.4, 40, 46.3 | rgb(40.4%,40%,46.3%) |
CMYK | 13, 14, 0, 54 | |
HSL | 243.8°, 7.3, 43.1 | hsl(243.8,7.3%,43.1%) |
HSV (or HSB) | 243.8°, 13.6, 46.3 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.791, 3.89, -8.8 |
---|---|
XYZ | 13.614, 13.694, 19.065 |
xyY | 0.294, 0.295, 13.694 |
CIE-LCH | 43.791, 9.622, 293.847 |
CIE-LUV | 43.791, -0.393, -12.606 |
Hunter-Lab | 37.006, 0.91, -4.641 |
Binary | 01100111, 01100110, 01110110 |
Color Schemes with #676676
Alternatives to #676676
Below, you can see some colors close to #676676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676676 Preview
This text has a font color of #676676.
<span style="color:#676676;">Text here</span>
This paragraph has a background color of #676676.
<p style="background-color:#676676;">Content here</p>
This element has a border color of #676676.
<div style="border:1px solid #676676;">Content here</div>
.text {color:#676676;}
.background {background-color:#676676;}
.border {border:1px solid #676676;}
Shades and Tints of #676676
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, #020202 is the darkest color, while #f7f7f8 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0b0d
#0b0b0d
rgb(11,11,13)
-
#141417
#141417
rgb(20,20,23)
-
#1e1d22
#1e1d22
rgb(30,29,34)
-
#27262c
#27262c
rgb(39,38,44)
-
#302f37
#302f37
rgb(48,47,55)
-
#393941
#393941
rgb(57,57,65)
-
#42424c
#42424c
rgb(66,66,76)
-
#4b4b56
#4b4b56
rgb(75,75,86)
-
#555461
#555461
rgb(85,84,97)
-
#5e5d6b
#5e5d6b
rgb(94,93,107)
-
#676676
#676676
rgb(103,102,118)
-
#706f81
#706f81
rgb(112,111,129)
-
#7a788b
#7a788b
rgb(122,120,139)
-
#848394
#848394
rgb(132,131,148)
-
#8f8e9d
#8f8e9d
rgb(143,142,157)
-
#9998a6
#9998a6
rgb(153,152,166)
-
#a3a3af
#a3a3af
rgb(163,163,175)
-
#aeadb8
#aeadb8
rgb(174,173,184)
-
#b8b8c1
#b8b8c1
rgb(184,184,193)
-
#c3c2ca
#c3c2ca
rgb(195,194,202)
-
#cdcdd3
#cdcdd3
rgb(205,205,211)
-
#d8d7dd
#d8d7dd
rgb(216,215,221)
-
#e2e2e6
#e2e2e6
rgb(226,226,230)
-
#ececef
#ececef
rgb(236,236,239)
-
#f7f7f8
#f7f7f8
rgb(247,247,248)
Tones of #676676
A tone is produced by adding gray to any pure hue. In this case, #676676 is the less saturated color, while #0e00dc is the most saturated one.
-
#676676
#676676
rgb(103,102,118)
-
#605e7e
#605e7e
rgb(96,94,126)
-
#585587
#585587
rgb(88,85,135)
-
#514d8f
#514d8f
rgb(81,77,143)
-
#494498
#494498
rgb(73,68,152)
-
#423ca0
#423ca0
rgb(66,60,160)
-
#3b33a9
#3b33a9
rgb(59,51,169)
-
#332bb1
#332bb1
rgb(51,43,177)
-
#2c22ba
#2c22ba
rgb(44,34,186)
-
#241ac2
#241ac2
rgb(36,26,194)
-
#1d11cb
#1d11cb
rgb(29,17,203)
-
#1609d3
#1609d3
rgb(22,9,211)
-
#0e00dc
#0e00dc
rgb(14,0,220)
Color Blindness Simulator
Below, you can see how #676676 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.