#677774 Color Information
In a RGB color space, hex #677774 is composed of 40.4% red, 46.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 0% magenta, 2.5% yellow and 53.3% black. It has a hue angle of 168.8 degrees, a saturation of 7.2% and a lightness of 43.5%. #677774 color hex could be obtained by blending #ceeee8 with #000000. Closest websafe color is: #666666.
-
- R 40
- G 47
- B 45
-
- C 13
- M 0
- Y 3
- K 53
● #677774 color description : Dark grayish cyan.
#677774 Color Conversion
The hexadecimal color #677774 has RGB values of R:103, G:119, B:116 and CMYK values of C:0.13, M:0, Y:0.03, K:0.53. Its decimal value is 6780788.
Hex triplet | 677774 | #677774 |
---|---|---|
RGB Decimal | 103, 119, 116 | rgb(103,119,116) |
RGB Percent | 40.4, 46.7, 45.5 | rgb(40.4%,46.7%,45.5%) |
CMYK | 13, 0, 3, 53 | |
HSL | 168.8°, 7.2, 43.5 | hsl(168.8,7.2%,43.5%) |
HSV (or HSB) | 168.8°, 13.4, 46.7 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 48.683, -6.566, -0.358 |
---|---|
XYZ | 15.342, 17.338, 19.06 |
xyY | 0.297, 0.335, 17.338 |
CIE-LCH | 48.683, 6.576, 183.118 |
CIE-LUV | 48.683, -8.433, 0.526 |
Hunter-Lab | 41.639, -7.099, 2.007 |
Binary | 01100111, 01110111, 01110100 |
Color Schemes with #677774
Alternatives to #677774
Below, you can see some colors close to #677774. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677774 Preview
This text has a font color of #677774.
<span style="color:#677774;">Text here</span>
This paragraph has a background color of #677774.
<p style="background-color:#677774;">Content here</p>
This element has a border color of #677774.
<div style="border:1px solid #677774;">Content here</div>
.text {color:#677774;}
.background {background-color:#677774;}
.border {border:1px solid #677774;}
Shades and Tints of #677774
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, #030303 is the darkest color, while #f8f9f9 is the lightest one.
-
#030303
#030303
rgb(3,3,3)
-
#0c0e0e
#0c0e0e
rgb(12,14,14)
-
#151818
#151818
rgb(21,24,24)
-
#1e2322
#1e2322
rgb(30,35,34)
-
#272d2c
#272d2c
rgb(39,45,44)
-
#303837
#303837
rgb(48,56,55)
-
#394241
#394241
rgb(57,66,65)
-
#434d4b
#434d4b
rgb(67,77,75)
-
#4c5755
#4c5755
rgb(76,87,85)
-
#556260
#556260
rgb(85,98,96)
-
#5e6c6a
#5e6c6a
rgb(94,108,106)
-
#677774
#677774
rgb(103,119,116)
-
#70827e
#70827e
rgb(112,130,126)
-
#7a8c88
#7a8c88
rgb(122,140,136)
-
#849592
#849592
rgb(132,149,146)
-
#8f9e9b
#8f9e9b
rgb(143,158,155)
-
#99a7a4
#99a7a4
rgb(153,167,164)
-
#a4b0ae
#a4b0ae
rgb(164,176,174)
-
#aeb9b7
#aeb9b7
rgb(174,185,183)
-
#b9c2c0
#b9c2c0
rgb(185,194,192)
-
#c3cbca
#c3cbca
rgb(195,203,202)
-
#ced4d3
#ced4d3
rgb(206,212,211)
-
#d8dddd
#d8dddd
rgb(216,221,221)
-
#e3e7e6
#e3e7e6
rgb(227,231,230)
-
#edf0ef
#edf0ef
rgb(237,240,239)
-
#f8f9f9
#f8f9f9
rgb(248,249,249)
Tones of #677774
A tone is produced by adding gray to any pure hue. In this case, #677774 is the less saturated color, while #01ddb4 is the most saturated one.
-
#677774
#677774
rgb(103,119,116)
-
#5e8079
#5e8079
rgb(94,128,121)
-
#56887f
#56887f
rgb(86,136,127)
-
#4d9184
#4d9184
rgb(77,145,132)
-
#459989
#459989
rgb(69,153,137)
-
#3ca28f
#3ca28f
rgb(60,162,143)
-
#34aa94
#34aa94
rgb(52,170,148)
-
#2bb399
#2bb399
rgb(43,179,153)
-
#23bb9f
#23bb9f
rgb(35,187,159)
-
#1ac4a4
#1ac4a4
rgb(26,196,164)
-
#12cca9
#12cca9
rgb(18,204,169)
-
#09d5af
#09d5af
rgb(9,213,175)
-
#01ddb4
#01ddb4
rgb(1,221,180)
Color Blindness Simulator
Below, you can see how #677774 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.