#676b80 Color Information
In a RGB color space, hex #676b80 is composed of 40.4% red, 42% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 16.4% magenta, 0% yellow and 49.8% black. It has a hue angle of 230.4 degrees, a saturation of 10.8% and a lightness of 45.3%. #676b80 color hex could be obtained by blending #ced6ff with #000001. Closest websafe color is: #666699.
-
- R 40
- G 42
- B 50
-
- C 20
- M 16
- Y 0
- K 50
● #676b80 color description : Dark grayish blue.
#676b80 Color Conversion
The hexadecimal color #676b80 has RGB values of R:103, G:107, B:128 and CMYK values of C:0.2, M:0.16, Y:0, K:0.5. Its decimal value is 6777728.
Hex triplet | 676b80 | #676b80 |
---|---|---|
RGB Decimal | 103, 107, 128 | rgb(103,107,128) |
RGB Percent | 40.4, 42, 50.2 | rgb(40.4%,42%,50.2%) |
CMYK | 20, 16, 0, 50 | |
HSL | 230.4°, 10.8, 45.3 | hsl(230.4,10.8%,45.3%) |
HSV (or HSB) | 230.4°, 19.5, 50.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 45.576, 3.26, -12.131 |
---|---|
XYZ | 14.747, 14.957, 22.531 |
xyY | 0.282, 0.286, 14.957 |
CIE-LCH | 45.576, 12.561, 285.041 |
CIE-LUV | 45.576, -3.265, -17.43 |
Hunter-Lab | 38.675, 0.382, -7.469 |
Binary | 01100111, 01101011, 10000000 |
Color Schemes with #676b80
Alternatives to #676b80
Below, you can see some colors close to #676b80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676b80 Preview
This text has a font color of #676b80.
<span style="color:#676b80;">Text here</span>
This paragraph has a background color of #676b80.
<p style="background-color:#676b80;">Content here</p>
This element has a border color of #676b80.
<div style="border:1px solid #676b80;">Content here</div>
.text {color:#676b80;}
.background {background-color:#676b80;}
.border {border:1px solid #676b80;}
Shades and Tints of #676b80
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)
-
#212229
#212229
rgb(33,34,41)
-
#2a2b34
#2a2b34
rgb(42,43,52)
-
#33343f
#33343f
rgb(51,52,63)
-
#3b3e4a
#3b3e4a
rgb(59,62,74)
-
#444755
#444755
rgb(68,71,85)
-
#4d505f
#4d505f
rgb(77,80,95)
-
#56596a
#56596a
rgb(86,89,106)
-
#5e6275
#5e6275
rgb(94,98,117)
-
#676b80
#676b80
rgb(103,107,128)
-
#70748b
#70748b
rgb(112,116,139)
-
#7a7e94
#7a7e94
rgb(122,126,148)
-
#85899d
#85899d
rgb(133,137,157)
-
#9093a6
#9093a6
rgb(144,147,166)
-
#9b9eae
#9b9eae
rgb(155,158,174)
-
#a6a8b7
#a6a8b7
rgb(166,168,183)
-
#b0b3c0
#b0b3c0
rgb(176,179,192)
-
#bbbdc9
#bbbdc9
rgb(187,189,201)
-
#c6c8d1
#c6c8d1
rgb(198,200,209)
-
#d1d3da
#d1d3da
rgb(209,211,218)
-
#dcdde3
#dcdde3
rgb(220,221,227)
-
#e7e8ec
#e7e8ec
rgb(231,232,236)
-
#f2f2f4
#f2f2f4
rgb(242,242,244)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #676b80
A tone is produced by adding gray to any pure hue. In this case, #707177 is the less saturated color, while #0529e2 is the most saturated one.
-
#707177
#707177
rgb(112,113,119)
-
#676b80
#676b80
rgb(103,107,128)
-
#5e6589
#5e6589
rgb(94,101,137)
-
#555f92
#555f92
rgb(85,95,146)
-
#4c599b
#4c599b
rgb(76,89,155)
-
#4353a4
#4353a4
rgb(67,83,164)
-
#3b4dac
#3b4dac
rgb(59,77,172)
-
#3247b5
#3247b5
rgb(50,71,181)
-
#2941be
#2941be
rgb(41,65,190)
-
#203bc7
#203bc7
rgb(32,59,199)
-
#1735d0
#1735d0
rgb(23,53,208)
-
#0e2fd9
#0e2fd9
rgb(14,47,217)
-
#0529e2
#0529e2
rgb(5,41,226)
Color Blindness Simulator
Below, you can see how #676b80 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.