#677696 Color Information
In a RGB color space, hex #677696 is composed of 40.4% red, 46.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 21.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 220.9 degrees, a saturation of 18.6% and a lightness of 49.6%. #677696 color hex could be obtained by blending #ceecff with #00002d. Closest websafe color is: #666699.
-
- R 40
- G 46
- B 59
-
- C 31
- M 21
- Y 0
- K 41
● #677696 color description : Mostly desaturated dark blue.
#677696 Color Conversion
The hexadecimal color #677696 has RGB values of R:103, G:118, B:150 and CMYK values of C:0.31, M:0.21, Y:0, K:0.41. Its decimal value is 6780566.
Hex triplet | 677696 | #677696 |
---|---|---|
RGB Decimal | 103, 118, 150 | rgb(103,118,150) |
RGB Percent | 40.4, 46.3, 58.8 | rgb(40.4%,46.3%,58.8%) |
CMYK | 31, 21, 0, 41 | |
HSL | 220.9°, 18.6, 49.6 | hsl(220.9,18.6%,49.6%) |
HSV (or HSB) | 220.9°, 31.3, 58.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 49.547, 2.328, -19.136 |
---|---|
XYZ | 17.576, 18.042, 31.409 |
xyY | 0.262, 0.269, 18.042 |
CIE-LCH | 49.547, 19.277, 276.937 |
CIE-LUV | 49.547, -9.023, -28.176 |
Hunter-Lab | 42.476, -0.472, -14.109 |
Binary | 01100111, 01110110, 10010110 |
Color Schemes with #677696
Alternatives to #677696
Below, you can see some colors close to #677696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677696 Preview
This text has a font color of #677696.
<span style="color:#677696;">Text here</span>
This paragraph has a background color of #677696.
<p style="background-color:#677696;">Content here</p>
This element has a border color of #677696.
<div style="border:1px solid #677696;">Content here</div>
.text {color:#677696;}
.background {background-color:#677696;}
.border {border:1px solid #677696;}
Shades and Tints of #677696
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, #07080a is the darkest color, while #fefefe is the lightest one.
-
#07080a
#07080a
rgb(7,8,10)
-
#0f1116
#0f1116
rgb(15,17,22)
-
#171b22
#171b22
rgb(23,27,34)
-
#1f242d
#1f242d
rgb(31,36,45)
-
#272d39
#272d39
rgb(39,45,57)
-
#2f3645
#2f3645
rgb(47,54,69)
-
#373f50
#373f50
rgb(55,63,80)
-
#3f485c
#3f485c
rgb(63,72,92)
-
#475167
#475167
rgb(71,81,103)
-
#4f5b73
#4f5b73
rgb(79,91,115)
-
#57647f
#57647f
rgb(87,100,127)
-
#5f6d8a
#5f6d8a
rgb(95,109,138)
-
#677696
#677696
rgb(103,118,150)
-
#72809e
#72809e
rgb(114,128,158)
-
#7e8ba6
#7e8ba6
rgb(126,139,166)
-
#8a95ae
#8a95ae
rgb(138,149,174)
-
#95a0b6
#95a0b6
rgb(149,160,182)
-
#a1aabe
#a1aabe
rgb(161,170,190)
-
#acb5c6
#acb5c6
rgb(172,181,198)
-
#b8bfce
#b8bfce
rgb(184,191,206)
-
#c4cad6
#c4cad6
rgb(196,202,214)
-
#cfd4de
#cfd4de
rgb(207,212,222)
-
#dbdfe6
#dbdfe6
rgb(219,223,230)
-
#e7e9ee
#e7e9ee
rgb(231,233,238)
-
#f2f3f6
#f2f3f6
rgb(242,243,246)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #677696
A tone is produced by adding gray to any pure hue. In this case, #7a7d83 is the less saturated color, while #0653f7 is the most saturated one.
-
#7a7d83
#7a7d83
rgb(122,125,131)
-
#717a8c
#717a8c
rgb(113,122,140)
-
#677696
#677696
rgb(103,118,150)
-
#5d72a0
#5d72a0
rgb(93,114,160)
-
#546fa9
#546fa9
rgb(84,111,169)
-
#4a6bb3
#4a6bb3
rgb(74,107,179)
-
#4068bd
#4068bd
rgb(64,104,189)
-
#3664c7
#3664c7
rgb(54,100,199)
-
#2d61d0
#2d61d0
rgb(45,97,208)
-
#235dda
#235dda
rgb(35,93,218)
-
#195ae4
#195ae4
rgb(25,90,228)
-
#0f56ee
#0f56ee
rgb(15,86,238)
-
#0653f7
#0653f7
rgb(6,83,247)
Color Blindness Simulator
Below, you can see how #677696 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.