#677f7f Color Information
In a RGB color space, hex #677f7f is composed of 40.4% red, 49.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 0% yellow and 50.2% black. It has a hue angle of 180 degrees, a saturation of 10.4% and a lightness of 45.1%. #677f7f color hex could be obtained by blending #cefefe with #000000. Closest websafe color is: #666666.
-
- R 40
- G 50
- B 50
-
- C 19
- M 0
- Y 0
- K 50
● #677f7f color description : Dark grayish cyan.
#677f7f Color Conversion
The hexadecimal color #677f7f has RGB values of R:103, G:127, B:127 and CMYK values of C:0.19, M:0, Y:0, K:0.5. Its decimal value is 6782847.
Hex triplet | 677f7f | #677f7f |
---|---|---|
RGB Decimal | 103, 127, 127 | rgb(103,127,127) |
RGB Percent | 40.4, 49.8, 49.8 | rgb(40.4%,49.8%,49.8%) |
CMYK | 19, 0, 0, 50 | |
HSL | 180°, 10.4, 45.1 | hsl(180,10.4%,45.1%) |
HSV (or HSB) | 180°, 18.9, 49.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 51.375, -8.627, -2.883 |
---|---|
XYZ | 17.013, 19.594, 22.963 |
xyY | 0.286, 0.329, 19.594 |
CIE-LCH | 51.375, 9.096, 198.481 |
CIE-LUV | 51.375, -12.47, -2.697 |
Hunter-Lab | 44.265, -8.86, 0.228 |
Binary | 01100111, 01111111, 01111111 |
Color Schemes with #677f7f
Alternatives to #677f7f
Below, you can see some colors close to #677f7f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677f7f Preview
This text has a font color of #677f7f.
<span style="color:#677f7f;">Text here</span>
This paragraph has a background color of #677f7f.
<p style="background-color:#677f7f;">Content here</p>
This element has a border color of #677f7f.
<div style="border:1px solid #677f7f;">Content here</div>
.text {color:#677f7f;}
.background {background-color:#677f7f;}
.border {border:1px solid #677f7f;}
Shades and Tints of #677f7f
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, #060808 is the darkest color, while #fcfdfd is the lightest one.
-
#060808
#060808
rgb(6,8,8)
-
#0f1313
#0f1313
rgb(15,19,19)
-
#181e1e
#181e1e
rgb(24,30,30)
-
#212828
#212828
rgb(33,40,40)
-
#2a3333
#2a3333
rgb(42,51,51)
-
#323e3e
#323e3e
rgb(50,62,62)
-
#3b4949
#3b4949
rgb(59,73,73)
-
#445454
#445454
rgb(68,84,84)
-
#4d5f5f
#4d5f5f
rgb(77,95,95)
-
#556969
#556969
rgb(85,105,105)
-
#5e7474
#5e7474
rgb(94,116,116)
-
#677f7f
#677f7f
rgb(103,127,127)
-
#708a8a
#708a8a
rgb(112,138,138)
-
#7a9393
#7a9393
rgb(122,147,147)
-
#859c9c
#859c9c
rgb(133,156,156)
-
#90a5a5
#90a5a5
rgb(144,165,165)
-
#9baeae
#9baeae
rgb(155,174,174)
-
#a5b6b6
#a5b6b6
rgb(165,182,182)
-
#b0bfbf
#b0bfbf
rgb(176,191,191)
-
#bbc8c8
#bbc8c8
rgb(187,200,200)
-
#c6d1d1
#c6d1d1
rgb(198,209,209)
-
#d1d9d9
#d1d9d9
rgb(209,217,217)
-
#dce2e2
#dce2e2
rgb(220,226,226)
-
#e6ebeb
#e6ebeb
rgb(230,235,235)
-
#f1f4f4
#f1f4f4
rgb(241,244,244)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #677f7f
A tone is produced by adding gray to any pure hue. In this case, #707676 is the less saturated color, while #06e0e0 is the most saturated one.
-
#707676
#707676
rgb(112,118,118)
-
#677f7f
#677f7f
rgb(103,127,127)
-
#5e8888
#5e8888
rgb(94,136,136)
-
#559191
#559191
rgb(85,145,145)
-
#4c9a9a
#4c9a9a
rgb(76,154,154)
-
#44a2a2
#44a2a2
rgb(68,162,162)
-
#3babab
#3babab
rgb(59,171,171)
-
#32b4b4
#32b4b4
rgb(50,180,180)
-
#29bdbd
#29bdbd
rgb(41,189,189)
-
#20c6c6
#20c6c6
rgb(32,198,198)
-
#17cfcf
#17cfcf
rgb(23,207,207)
-
#0fd7d7
#0fd7d7
rgb(15,215,215)
-
#06e0e0
#06e0e0
rgb(6,224,224)
Color Blindness Simulator
Below, you can see how #677f7f 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.