#676677 Color Information
In a RGB color space, hex #676677 is composed of 40.4% red, 40% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 14.3% magenta, 0% yellow and 53.3% black. It has a hue angle of 243.5 degrees, a saturation of 7.7% and a lightness of 43.3%. #676677 color hex could be obtained by blending #ceccee with #000000. Closest websafe color is: #666666.
-
- R 40
- G 40
- B 47
-
- C 13
- M 14
- Y 0
- K 53
● #676677 color description : Dark grayish blue.
#676677 Color Conversion
The hexadecimal color #676677 has RGB values of R:103, G:102, B:119 and CMYK values of C:0.13, M:0.14, Y:0, K:0.53. Its decimal value is 6776439.
Hex triplet | 676677 | #676677 |
---|---|---|
RGB Decimal | 103, 102, 119 | rgb(103,102,119) |
RGB Percent | 40.4, 40, 46.7 | rgb(40.4%,40%,46.7%) |
CMYK | 13, 14, 0, 53 | |
HSL | 243.5°, 7.7, 43.3 | hsl(243.5,7.7%,43.3%) |
HSV (or HSB) | 243.5°, 14.3, 46.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.826, 4.122, -9.353 |
---|---|
XYZ | 13.674, 13.718, 19.379 |
xyY | 0.292, 0.293, 13.718 |
CIE-LCH | 43.826, 10.221, 293.786 |
CIE-LUV | 43.826, -0.454, -13.422 |
Hunter-Lab | 37.038, 1.084, -5.095 |
Binary | 01100111, 01100110, 01110111 |
Color Schemes with #676677
Alternatives to #676677
Below, you can see some colors close to #676677. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676677 Preview
This text has a font color of #676677.
<span style="color:#676677;">Text here</span>
This paragraph has a background color of #676677.
<p style="background-color:#676677;">Content here</p>
This element has a border color of #676677.
<div style="border:1px solid #676677;">Content here</div>
.text {color:#676677;}
.background {background-color:#676677;}
.border {border:1px solid #676677;}
Shades and Tints of #676677
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, #020203 is the darkest color, while #f7f7f8 is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#0c0b0d
#0c0b0d
rgb(12,11,13)
-
#151518
#151518
rgb(21,21,24)
-
#1e1e23
#1e1e23
rgb(30,30,35)
-
#27272d
#27272d
rgb(39,39,45)
-
#303038
#303038
rgb(48,48,56)
-
#393942
#393942
rgb(57,57,66)
-
#42424d
#42424d
rgb(66,66,77)
-
#4c4b57
#4c4b57
rgb(76,75,87)
-
#555462
#555462
rgb(85,84,98)
-
#5e5d6c
#5e5d6c
rgb(94,93,108)
-
#676677
#676677
rgb(103,102,119)
-
#706f82
#706f82
rgb(112,111,130)
-
#7a798c
#7a798c
rgb(122,121,140)
-
#848395
#848395
rgb(132,131,149)
-
#8f8e9e
#8f8e9e
rgb(143,142,158)
-
#9998a7
#9998a7
rgb(153,152,167)
-
#a4a3b0
#a4a3b0
rgb(164,163,176)
-
#aeadb9
#aeadb9
rgb(174,173,185)
-
#b8b8c2
#b8b8c2
rgb(184,184,194)
-
#c3c2cb
#c3c2cb
rgb(195,194,203)
-
#cdcdd4
#cdcdd4
rgb(205,205,212)
-
#d8d8dd
#d8d8dd
rgb(216,216,221)
-
#e2e2e6
#e2e2e6
rgb(226,226,230)
-
#ededef
#ededef
rgb(237,237,239)
-
#f7f7f8
#f7f7f8
rgb(247,247,248)
Tones of #676677
A tone is produced by adding gray to any pure hue. In this case, #676677 is the less saturated color, while #0d00dd is the most saturated one.
-
#676677
#676677
rgb(103,102,119)
-
#605e80
#605e80
rgb(96,94,128)
-
#585588
#585588
rgb(88,85,136)
-
#514d91
#514d91
rgb(81,77,145)
-
#494499
#494499
rgb(73,68,153)
-
#423ca2
#423ca2
rgb(66,60,162)
-
#3a33aa
#3a33aa
rgb(58,51,170)
-
#332bb3
#332bb3
rgb(51,43,179)
-
#2b22bb
#2b22bb
rgb(43,34,187)
-
#241ac4
#241ac4
rgb(36,26,196)
-
#1c11cc
#1c11cc
rgb(28,17,204)
-
#1509d5
#1509d5
rgb(21,9,213)
-
#0d00dd
#0d00dd
rgb(13,0,221)
Color Blindness Simulator
Below, you can see how #676677 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.