#677f83 Color Information
In a RGB color space, hex #677f83 is composed of 40.4% red, 49.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 3.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 188.6 degrees, a saturation of 12% and a lightness of 45.9%. #677f83 color hex could be obtained by blending #cefeff with #000007. Closest websafe color is: #666699.
-
- R 40
- G 50
- B 51
-
- C 21
- M 3
- Y 0
- K 49
● #677f83 color description : Dark grayish cyan.
#677f83 Color Conversion
The hexadecimal color #677f83 has RGB values of R:103, G:127, B:131 and CMYK values of C:0.21, M:0.03, Y:0, K:0.49. Its decimal value is 6782851.
Hex triplet | 677f83 | #677f83 |
---|---|---|
RGB Decimal | 103, 127, 131 | rgb(103,127,131) |
RGB Percent | 40.4, 49.8, 51.4 | rgb(40.4%,49.8%,51.4%) |
CMYK | 21, 3, 0, 49 | |
HSL | 188.6°, 12, 45.9 | hsl(188.6,12%,45.9%) |
HSV (or HSB) | 188.6°, 21.4, 51.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.497, -7.691, -5.046 |
---|---|
XYZ | 17.279, 19.701, 24.364 |
xyY | 0.282, 0.321, 19.701 |
CIE-LCH | 51.497, 9.199, 213.269 |
CIE-LUV | 51.497, -12.539, -5.926 |
Hunter-Lab | 44.385, -8.186, -1.475 |
Binary | 01100111, 01111111, 10000011 |
Color Schemes with #677f83
Alternatives to #677f83
Below, you can see some colors close to #677f83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677f83 Preview
This text has a font color of #677f83.
<span style="color:#677f83;">Text here</span>
This paragraph has a background color of #677f83.
<p style="background-color:#677f83;">Content here</p>
This element has a border color of #677f83.
<div style="border:1px solid #677f83;">Content here</div>
.text {color:#677f83;}
.background {background-color:#677f83;}
.border {border:1px solid #677f83;}
Shades and Tints of #677f83
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, #080a0a is the darkest color, while #fefefe is the lightest one.
-
#080a0a
#080a0a
rgb(8,10,10)
-
#111515
#111515
rgb(17,21,21)
-
#191f20
#191f20
rgb(25,31,32)
-
#222a2b
#222a2b
rgb(34,42,43)
-
#2b3436
#2b3436
rgb(43,52,54)
-
#333f41
#333f41
rgb(51,63,65)
-
#3c4a4c
#3c4a4c
rgb(60,74,76)
-
#445457
#445457
rgb(68,84,87)
-
#4d5f62
#4d5f62
rgb(77,95,98)
-
#566a6d
#566a6d
rgb(86,106,109)
-
#5e7478
#5e7478
rgb(94,116,120)
-
#677f83
#677f83
rgb(103,127,131)
-
#708a8e
#708a8e
rgb(112,138,142)
-
#7a9397
#7a9397
rgb(122,147,151)
-
#859c9f
#859c9f
rgb(133,156,159)
-
#90a5a8
#90a5a8
rgb(144,165,168)
-
#9baeb1
#9baeb1
rgb(155,174,177)
-
#a6b7b9
#a6b7b9
rgb(166,183,185)
-
#b1c0c2
#b1c0c2
rgb(177,192,194)
-
#bcc9cb
#bcc9cb
rgb(188,201,203)
-
#c7d2d3
#c7d2d3
rgb(199,210,211)
-
#d2dadc
#d2dadc
rgb(210,218,220)
-
#dde3e4
#dde3e4
rgb(221,227,228)
-
#e8eced
#e8eced
rgb(232,236,237)
-
#f3f5f6
#f3f5f6
rgb(243,245,246)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #677f83
A tone is produced by adding gray to any pure hue. In this case, #70797a is the less saturated color, while #04c6e6 is the most saturated one.
-
#70797a
#70797a
rgb(112,121,122)
-
#677f83
#677f83
rgb(103,127,131)
-
#5e858c
#5e858c
rgb(94,133,140)
-
#558c95
#558c95
rgb(85,140,149)
-
#4c929e
#4c929e
rgb(76,146,158)
-
#4399a7
#4399a7
rgb(67,153,167)
-
#3a9fb0
#3a9fb0
rgb(58,159,176)
-
#31a6b9
#31a6b9
rgb(49,166,185)
-
#28acc2
#28acc2
rgb(40,172,194)
-
#1fb2cb
#1fb2cb
rgb(31,178,203)
-
#16b9d4
#16b9d4
rgb(22,185,212)
-
#0dbfdd
#0dbfdd
rgb(13,191,221)
-
#04c6e6
#04c6e6
rgb(4,198,230)
Color Blindness Simulator
Below, you can see how #677f83 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.