#677b7e Color Information
In a RGB color space, hex #677b7e is composed of 40.4% red, 48.2% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 2.4% magenta, 0% yellow and 50.6% black. It has a hue angle of 187.8 degrees, a saturation of 10% and a lightness of 44.9%. #677b7e color hex could be obtained by blending #cef6fc with #000000. Closest websafe color is: #666666.
-
- R 40
- G 48
- B 49
-
- C 18
- M 2
- Y 0
- K 51
● #677b7e color description : Dark grayish cyan.
#677b7e Color Conversion
The hexadecimal color #677b7e has RGB values of R:103, G:123, B:126 and CMYK values of C:0.18, M:0.02, Y:0, K:0.51. Its decimal value is 6781822.
Hex triplet | 677b7e | #677b7e |
---|---|---|
RGB Decimal | 103, 123, 126 | rgb(103,123,126) |
RGB Percent | 40.4, 48.2, 49.4 | rgb(40.4%,48.2%,49.4%) |
CMYK | 18, 2, 0, 51 | |
HSL | 187.8°, 10, 44.9 | hsl(187.8,10%,44.9%) |
HSV (or HSB) | 187.8°, 18.3, 49.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 50.163, -6.592, -4.085 |
---|---|
XYZ | 16.442, 18.555, 22.453 |
xyY | 0.286, 0.323, 18.555 |
CIE-LCH | 50.163, 7.755, 211.786 |
CIE-LUV | 50.163, -10.585, -4.683 |
Hunter-Lab | 43.076, -7.252, -0.751 |
Binary | 01100111, 01111011, 01111110 |
Color Schemes with #677b7e
Alternatives to #677b7e
Below, you can see some colors close to #677b7e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677b7e Preview
This text has a font color of #677b7e.
<span style="color:#677b7e;">Text here</span>
This paragraph has a background color of #677b7e.
<p style="background-color:#677b7e;">Content here</p>
This element has a border color of #677b7e.
<div style="border:1px solid #677b7e;">Content here</div>
.text {color:#677b7e;}
.background {background-color:#677b7e;}
.border {border:1px solid #677b7e;}
Shades and Tints of #677b7e
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, #060707 is the darkest color, while #fbfcfc is the lightest one.
-
#060707
#060707
rgb(6,7,7)
-
#0f1212
#0f1212
rgb(15,18,18)
-
#181c1d
#181c1d
rgb(24,28,29)
-
#202728
#202728
rgb(32,39,40)
-
#293132
#293132
rgb(41,49,50)
-
#323c3d
#323c3d
rgb(50,60,61)
-
#3b4648
#3b4648
rgb(59,70,72)
-
#445153
#445153
rgb(68,81,83)
-
#4d5b5e
#4d5b5e
rgb(77,91,94)
-
#556668
#556668
rgb(85,102,104)
-
#5e7073
#5e7073
rgb(94,112,115)
-
#677b7e
#677b7e
rgb(103,123,126)
-
#708689
#708689
rgb(112,134,137)
-
#7a8f92
#7a8f92
rgb(122,143,146)
-
#85989b
#85989b
rgb(133,152,155)
-
#90a1a4
#90a1a4
rgb(144,161,164)
-
#9aaaad
#9aaaad
rgb(154,170,173)
-
#a5b3b6
#a5b3b6
rgb(165,179,182)
-
#b0bcbe
#b0bcbe
rgb(176,188,190)
-
#bbc6c7
#bbc6c7
rgb(187,198,199)
-
#c6cfd0
#c6cfd0
rgb(198,207,208)
-
#d0d8d9
#d0d8d9
rgb(208,216,217)
-
#dbe1e2
#dbe1e2
rgb(219,225,226)
-
#e6eaea
#e6eaea
rgb(230,234,234)
-
#f1f3f3
#f1f3f3
rgb(241,243,243)
-
#fbfcfc
#fbfcfc
rgb(251,252,252)
Tones of #677b7e
A tone is produced by adding gray to any pure hue. In this case, #707475 is the less saturated color, while #06c3df is the most saturated one.
-
#707475
#707475
rgb(112,116,117)
-
#677b7e
#677b7e
rgb(103,123,126)
-
#5e8287
#5e8287
rgb(94,130,135)
-
#558890
#558890
rgb(85,136,144)
-
#4d8f98
#4d8f98
rgb(77,143,152)
-
#4495a1
#4495a1
rgb(68,149,161)
-
#3b9caa
#3b9caa
rgb(59,156,170)
-
#32a2b3
#32a2b3
rgb(50,162,179)
-
#29a9bc
#29a9bc
rgb(41,169,188)
-
#21afc4
#21afc4
rgb(33,175,196)
-
#18b6cd
#18b6cd
rgb(24,182,205)
-
#0fbcd6
#0fbcd6
rgb(15,188,214)
-
#06c3df
#06c3df
rgb(6,195,223)
Color Blindness Simulator
Below, you can see how #677b7e 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.