#676880 Color Information
In a RGB color space, hex #676880 is composed of 40.4% red, 40.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 18.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 237.6 degrees, a saturation of 10.8% and a lightness of 45.3%. #676880 color hex could be obtained by blending #ced0ff with #000001. Closest websafe color is: #666699.
-
- R 40
- G 41
- B 50
-
- C 20
- M 19
- Y 0
- K 50
● #676880 color description : Dark grayish blue.
#676880 Color Conversion
The hexadecimal color #676880 has RGB values of R:103, G:104, B:128 and CMYK values of C:0.2, M:0.19, Y:0, K:0.5. Its decimal value is 6776960.
Hex triplet | 676880 | #676880 |
---|---|---|
RGB Decimal | 103, 104, 128 | rgb(103,104,128) |
RGB Percent | 40.4, 40.8, 50.2 | rgb(40.4%,40.8%,50.2%) |
CMYK | 20, 19, 0, 50 | |
HSL | 237.6°, 10.8, 45.3 | hsl(237.6,10.8%,45.3%) |
HSV (or HSB) | 237.6°, 19.5, 50.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 44.72, 5.067, -13.426 |
---|---|
XYZ | 14.439, 14.343, 22.429 |
xyY | 0.282, 0.28, 14.343 |
CIE-LCH | 44.72, 14.351, 290.676 |
CIE-LUV | 44.72, -1.907, -19.483 |
Hunter-Lab | 37.872, 1.782, -8.603 |
Binary | 01100111, 01101000, 10000000 |
Color Schemes with #676880
Alternatives to #676880
Below, you can see some colors close to #676880. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676880 Preview
This text has a font color of #676880.
<span style="color:#676880;">Text here</span>
This paragraph has a background color of #676880.
<p style="background-color:#676880;">Content here</p>
This element has a border color of #676880.
<div style="border:1px solid #676880;">Content here</div>
.text {color:#676880;}
.background {background-color:#676880;}
.border {border:1px solid #676880;}
Shades and Tints of #676880
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, #070708 is the darkest color, while #fdfdfd is the lightest one.
-
#070708
#070708
rgb(7,7,8)
-
#101013
#101013
rgb(16,16,19)
-
#18191e
#18191e
rgb(24,25,30)
-
#212129
#212129
rgb(33,33,41)
-
#2a2a34
#2a2a34
rgb(42,42,52)
-
#33333f
#33333f
rgb(51,51,63)
-
#3b3c4a
#3b3c4a
rgb(59,60,74)
-
#444555
#444555
rgb(68,69,85)
-
#4d4e5f
#4d4e5f
rgb(77,78,95)
-
#56566a
#56566a
rgb(86,86,106)
-
#5e5f75
#5e5f75
rgb(94,95,117)
-
#676880
#676880
rgb(103,104,128)
-
#70718b
#70718b
rgb(112,113,139)
-
#7a7b94
#7a7b94
rgb(122,123,148)
-
#85869d
#85869d
rgb(133,134,157)
-
#9091a6
#9091a6
rgb(144,145,166)
-
#9b9cae
#9b9cae
rgb(155,156,174)
-
#a6a6b7
#a6a6b7
rgb(166,166,183)
-
#b0b1c0
#b0b1c0
rgb(176,177,192)
-
#bbbcc9
#bbbcc9
rgb(187,188,201)
-
#c6c7d1
#c6c7d1
rgb(198,199,209)
-
#d1d1da
#d1d1da
rgb(209,209,218)
-
#dcdce3
#dcdce3
rgb(220,220,227)
-
#e7e7ec
#e7e7ec
rgb(231,231,236)
-
#f2f2f4
#f2f2f4
rgb(242,242,244)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #676880
A tone is produced by adding gray to any pure hue. In this case, #707077 is the less saturated color, while #050ee2 is the most saturated one.
-
#707077
#707077
rgb(112,112,119)
-
#676880
#676880
rgb(103,104,128)
-
#5e6089
#5e6089
rgb(94,96,137)
-
#555892
#555892
rgb(85,88,146)
-
#4c4f9b
#4c4f9b
rgb(76,79,155)
-
#4347a4
#4347a4
rgb(67,71,164)
-
#3b3fac
#3b3fac
rgb(59,63,172)
-
#3237b5
#3237b5
rgb(50,55,181)
-
#292fbe
#292fbe
rgb(41,47,190)
-
#2027c7
#2027c7
rgb(32,39,199)
-
#171ed0
#171ed0
rgb(23,30,208)
-
#0e16d9
#0e16d9
rgb(14,22,217)
-
#050ee2
#050ee2
rgb(5,14,226)
Color Blindness Simulator
Below, you can see how #676880 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.