#677a7f Color Information
In a RGB color space, hex #677a7f is composed of 40.4% red, 47.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 3.9% magenta, 0% yellow and 50.2% black. It has a hue angle of 192.5 degrees, a saturation of 10.4% and a lightness of 45.1%. #677a7f color hex could be obtained by blending #cef4fe with #000000. Closest websafe color is: #666666.
-
- R 40
- G 48
- B 50
-
- C 19
- M 4
- Y 0
- K 50
● #677a7f color description : Dark grayish cyan.
#677a7f Color Conversion
The hexadecimal color #677a7f has RGB values of R:103, G:122, B:127 and CMYK values of C:0.19, M:0.04, Y:0, K:0.5. Its decimal value is 6781567.
Hex triplet | 677a7f | #677a7f |
---|---|---|
RGB Decimal | 103, 122, 127 | rgb(103,122,127) |
RGB Percent | 40.4, 47.8, 49.8 | rgb(40.4%,47.8%,49.8%) |
CMYK | 19, 4, 0, 50 | |
HSL | 192.5°, 10.4, 45.1 | hsl(192.5,10.4%,45.1%) |
HSV (or HSB) | 192.5°, 18.9, 49.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 49.899, -5.787, -5.064 |
---|---|
XYZ | 16.383, 18.335, 22.753 |
xyY | 0.285, 0.319, 18.335 |
CIE-LCH | 49.899, 7.69, 221.19 |
CIE-LUV | 49.899, -10.143, -6.189 |
Hunter-Lab | 42.819, -6.637, -1.533 |
Binary | 01100111, 01111010, 01111111 |
Color Schemes with #677a7f
Alternatives to #677a7f
Below, you can see some colors close to #677a7f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677a7f Preview
This text has a font color of #677a7f.
<span style="color:#677a7f;">Text here</span>
This paragraph has a background color of #677a7f.
<p style="background-color:#677a7f;">Content here</p>
This element has a border color of #677a7f.
<div style="border:1px solid #677a7f;">Content here</div>
.text {color:#677a7f;}
.background {background-color:#677a7f;}
.border {border:1px solid #677a7f;}
Shades and Tints of #677a7f
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 #fcfcfd is the lightest one.
-
#060808
#060808
rgb(6,8,8)
-
#0f1213
#0f1213
rgb(15,18,19)
-
#181c1e
#181c1e
rgb(24,28,30)
-
#212728
#212728
rgb(33,39,40)
-
#2a3133
#2a3133
rgb(42,49,51)
-
#323c3e
#323c3e
rgb(50,60,62)
-
#3b4649
#3b4649
rgb(59,70,73)
-
#445054
#445054
rgb(68,80,84)
-
#4d5b5f
#4d5b5f
rgb(77,91,95)
-
#556569
#556569
rgb(85,101,105)
-
#5e7074
#5e7074
rgb(94,112,116)
-
#677a7f
#677a7f
rgb(103,122,127)
-
#70848a
#70848a
rgb(112,132,138)
-
#7a8e93
#7a8e93
rgb(122,142,147)
-
#85979c
#85979c
rgb(133,151,156)
-
#90a0a5
#90a0a5
rgb(144,160,165)
-
#9baaae
#9baaae
rgb(155,170,174)
-
#a5b3b6
#a5b3b6
rgb(165,179,182)
-
#b0bcbf
#b0bcbf
rgb(176,188,191)
-
#bbc5c8
#bbc5c8
rgb(187,197,200)
-
#c6ced1
#c6ced1
rgb(198,206,209)
-
#d1d8d9
#d1d8d9
rgb(209,216,217)
-
#dce1e2
#dce1e2
rgb(220,225,226)
-
#e6eaeb
#e6eaeb
rgb(230,234,235)
-
#f1f3f4
#f1f3f4
rgb(241,243,244)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #677a7f
A tone is produced by adding gray to any pure hue. In this case, #707576 is the less saturated color, while #06b3e0 is the most saturated one.
-
#707576
#707576
rgb(112,117,118)
-
#677a7f
#677a7f
rgb(103,122,127)
-
#5e7f88
#5e7f88
rgb(94,127,136)
-
#558491
#558491
rgb(85,132,145)
-
#4c899a
#4c899a
rgb(76,137,154)
-
#448fa2
#448fa2
rgb(68,143,162)
-
#3b94ab
#3b94ab
rgb(59,148,171)
-
#3299b4
#3299b4
rgb(50,153,180)
-
#299ebd
#299ebd
rgb(41,158,189)
-
#20a3c6
#20a3c6
rgb(32,163,198)
-
#17a8cf
#17a8cf
rgb(23,168,207)
-
#0faed7
#0faed7
rgb(15,174,215)
-
#06b3e0
#06b3e0
rgb(6,179,224)
Color Blindness Simulator
Below, you can see how #677a7f 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.