#677474 Color Information
In a RGB color space, hex #677474 is composed of 40.4% red, 45.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 0% yellow and 54.5% black. It has a hue angle of 180 degrees, a saturation of 5.9% and a lightness of 42.9%. #677474 color hex could be obtained by blending #cee8e8 with #000000. Closest websafe color is: #666666.
-
- R 40
- G 45
- B 45
-
- C 11
- M 0
- Y 0
- K 55
● #677474 color description : Dark grayish cyan.
#677474 Color Conversion
The hexadecimal color #677474 has RGB values of R:103, G:116, B:116 and CMYK values of C:0.11, M:0, Y:0, K:0.55. Its decimal value is 6780020.
Hex triplet | 677474 | #677474 |
---|---|---|
RGB Decimal | 103, 116, 116 | rgb(103,116,116) |
RGB Percent | 40.4, 45.5, 45.5 | rgb(40.4%,45.5%,45.5%) |
CMYK | 11, 0, 0, 55 | |
HSL | 180°, 5.9, 42.9 | hsl(180,5.9%,42.9%) |
HSV (or HSB) | 180°, 11.2, 45.5 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 47.797, -4.842, -1.656 |
---|---|
XYZ | 14.991, 16.635, 18.943 |
xyY | 0.296, 0.329, 16.635 |
CIE-LCH | 47.797, 5.117, 198.881 |
CIE-LUV | 47.797, -6.985, -1.513 |
Hunter-Lab | 40.786, -5.769, 1.013 |
Binary | 01100111, 01110100, 01110100 |
Color Schemes with #677474
Alternatives to #677474
Below, you can see some colors close to #677474. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677474 Preview
This text has a font color of #677474.
<span style="color:#677474;">Text here</span>
This paragraph has a background color of #677474.
<p style="background-color:#677474;">Content here</p>
This element has a border color of #677474.
<div style="border:1px solid #677474;">Content here</div>
.text {color:#677474;}
.background {background-color:#677474;}
.border {border:1px solid #677474;}
Shades and Tints of #677474
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, #020202 is the darkest color, while #f6f7f7 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0c0c
#0b0c0c
rgb(11,12,12)
-
#141616
#141616
rgb(20,22,22)
-
#1d2121
#1d2121
rgb(29,33,33)
-
#262b2b
#262b2b
rgb(38,43,43)
-
#303636
#303636
rgb(48,54,54)
-
#394040
#394040
rgb(57,64,64)
-
#424a4a
#424a4a
rgb(66,74,74)
-
#4b5555
#4b5555
rgb(75,85,85)
-
#555f5f
#555f5f
rgb(85,95,95)
-
#5e6a6a
#5e6a6a
rgb(94,106,106)
-
#677474
#677474
rgb(103,116,116)
-
#707e7e
#707e7e
rgb(112,126,126)
-
#7a8989
#7a8989
rgb(122,137,137)
-
#849292
#849292
rgb(132,146,146)
-
#8e9b9b
#8e9b9b
rgb(142,155,155)
-
#99a4a4
#99a4a4
rgb(153,164,164)
-
#a3adad
#a3adad
rgb(163,173,173)
-
#aeb7b7
#aeb7b7
rgb(174,183,183)
-
#b8c0c0
#b8c0c0
rgb(184,192,192)
-
#c2c9c9
#c2c9c9
rgb(194,201,201)
-
#cdd2d2
#cdd2d2
rgb(205,210,210)
-
#d7dcdc
#d7dcdc
rgb(215,220,220)
-
#e2e5e5
#e2e5e5
rgb(226,229,229)
-
#eceeee
#eceeee
rgb(236,238,238)
-
#f6f7f7
#f6f7f7
rgb(246,247,247)
Tones of #677474
A tone is produced by adding gray to any pure hue. In this case, #677474 is the less saturated color, while #02d9d9 is the most saturated one.
-
#677474
#677474
rgb(103,116,116)
-
#5f7c7c
#5f7c7c
rgb(95,124,124)
-
#568585
#568585
rgb(86,133,133)
-
#4e8d8d
#4e8d8d
rgb(78,141,141)
-
#459696
#459696
rgb(69,150,150)
-
#3d9e9e
#3d9e9e
rgb(61,158,158)
-
#34a7a7
#34a7a7
rgb(52,167,167)
-
#2cafaf
#2cafaf
rgb(44,175,175)
-
#24b7b7
#24b7b7
rgb(36,183,183)
-
#1bc0c0
#1bc0c0
rgb(27,192,192)
-
#13c8c8
#13c8c8
rgb(19,200,200)
-
#0ad1d1
#0ad1d1
rgb(10,209,209)
-
#02d9d9
#02d9d9
rgb(2,217,217)
Color Blindness Simulator
Below, you can see how #677474 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.