#676776 Color Information
In a RGB color space, hex #676776 is composed of 40.4% red, 40.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 12.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 240 degrees, a saturation of 6.8% and a lightness of 43.3%. #676776 color hex could be obtained by blending #ceceec with #000000. Closest websafe color is: #666666.
-
- R 40
- G 40
- B 46
-
- C 13
- M 13
- Y 0
- K 54
● #676776 color description : Dark grayish blue.
#676776 Color Conversion
The hexadecimal color #676776 has RGB values of R:103, G:103, B:118 and CMYK values of C:0.13, M:0.13, Y:0, K:0.54. Its decimal value is 6776694.
Hex triplet | 676776 | #676776 |
---|---|---|
RGB Decimal | 103, 103, 118 | rgb(103,103,118) |
RGB Percent | 40.4, 40.4, 46.3 | rgb(40.4%,40.4%,46.3%) |
CMYK | 13, 13, 0, 54 | |
HSL | 240°, 6.8, 43.3 | hsl(240,6.8%,43.3%) |
HSV (or HSB) | 240°, 12.7, 46.3 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.078, 3.287, -8.371 |
---|---|
XYZ | 13.713, 13.892, 19.098 |
xyY | 0.294, 0.297, 13.892 |
CIE-LCH | 44.078, 8.993, 291.44 |
CIE-LUV | 44.078, -0.863, -11.933 |
Hunter-Lab | 37.272, 0.448, -4.289 |
Binary | 01100111, 01100111, 01110110 |
Color Schemes with #676776
Alternatives to #676776
Below, you can see some colors close to #676776. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676776 Preview
This text has a font color of #676776.
<span style="color:#676776;">Text here</span>
This paragraph has a background color of #676776.
<p style="background-color:#676776;">Content here</p>
This element has a border color of #676776.
<div style="border:1px solid #676776;">Content here</div>
.text {color:#676776;}
.background {background-color:#676776;}
.border {border:1px solid #676776;}
Shades and Tints of #676776
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)
-
#0c0c0d
#0c0c0d
rgb(12,12,13)
-
#151518
#151518
rgb(21,21,24)
-
#1e1e22
#1e1e22
rgb(30,30,34)
-
#27272d
#27272d
rgb(39,39,45)
-
#303037
#303037
rgb(48,48,55)
-
#393942
#393942
rgb(57,57,66)
-
#42424c
#42424c
rgb(66,66,76)
-
#4c4c57
#4c4c57
rgb(76,76,87)
-
#555561
#555561
rgb(85,85,97)
-
#5e5e6c
#5e5e6c
rgb(94,94,108)
-
#676776
#676776
rgb(103,103,118)
-
#707080
#707080
rgb(112,112,128)
-
#7a7a8b
#7a7a8b
rgb(122,122,139)
-
#848494
#848494
rgb(132,132,148)
-
#8f8f9d
#8f8f9d
rgb(143,143,157)
-
#9999a6
#9999a6
rgb(153,153,166)
-
#a4a4af
#a4a4af
rgb(164,164,175)
-
#aeaeb8
#aeaeb8
rgb(174,174,184)
-
#b8b8c1
#b8b8c1
rgb(184,184,193)
-
#c3c3cb
#c3c3cb
rgb(195,195,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 #676776
A tone is produced by adding gray to any pure hue. In this case, #676776 is the less saturated color, while #0101dc is the most saturated one.
-
#676776
#676776
rgb(103,103,118)
-
#5f5f7f
#5f5f7f
rgb(95,95,127)
-
#565687
#565687
rgb(86,86,135)
-
#4e4e90
#4e4e90
rgb(78,78,144)
-
#454598
#454598
rgb(69,69,152)
-
#3d3da1
#3d3da1
rgb(61,61,161)
-
#3434a9
#3434a9
rgb(52,52,169)
-
#2c2cb2
#2c2cb2
rgb(44,44,178)
-
#2323ba
#2323ba
rgb(35,35,186)
-
#1b1bc3
#1b1bc3
rgb(27,27,195)
-
#1212cb
#1212cb
rgb(18,18,203)
-
#0a0ad4
#0a0ad4
rgb(10,10,212)
-
#0101dc
#0101dc
rgb(1,1,220)
Color Blindness Simulator
Below, you can see how #676776 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.