#677a7d Color Information
In a RGB color space, hex #677a7d is composed of 40.4% red, 47.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 2.4% magenta, 0% yellow and 51% black. It has a hue angle of 188.2 degrees, a saturation of 9.6% and a lightness of 44.7%. #677a7d color hex could be obtained by blending #cef4fa with #000000. Closest websafe color is: #666666.
-
- R 40
- G 48
- B 49
-
- C 18
- M 2
- Y 0
- K 51
● #677a7d color description : Dark grayish cyan.
#677a7d Color Conversion
The hexadecimal color #677a7d has RGB values of R:103, G:122, B:125 and CMYK values of C:0.18, M:0.02, Y:0, K:0.51. Its decimal value is 6781565.
Hex triplet | 677a7d | #677a7d |
---|---|---|
RGB Decimal | 103, 122, 125 | rgb(103,122,125) |
RGB Percent | 40.4, 47.8, 49 | rgb(40.4%,47.8%,49%) |
CMYK | 18, 2, 0, 51 | |
HSL | 188.2°, 9.6, 44.7 | hsl(188.2,9.6%,44.7%) |
HSV (or HSB) | 188.2°, 17.6, 49 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 49.838, -6.252, -3.977 |
---|---|
XYZ | 16.254, 18.283, 22.074 |
xyY | 0.287, 0.323, 18.283 |
CIE-LCH | 49.838, 7.41, 212.459 |
CIE-LUV | 49.838, -10.094, -4.573 |
Hunter-Lab | 42.759, -6.974, -0.677 |
Binary | 01100111, 01111010, 01111101 |
Color Schemes with #677a7d
Alternatives to #677a7d
Below, you can see some colors close to #677a7d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677a7d Preview
This text has a font color of #677a7d.
<span style="color:#677a7d;">Text here</span>
This paragraph has a background color of #677a7d.
<p style="background-color:#677a7d;">Content here</p>
This element has a border color of #677a7d.
<div style="border:1px solid #677a7d;">Content here</div>
.text {color:#677a7d;}
.background {background-color:#677a7d;}
.border {border:1px solid #677a7d;}
Shades and Tints of #677a7d
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)
-
#0e1111
#0e1111
rgb(14,17,17)
-
#171c1c
#171c1c
rgb(23,28,28)
-
#202627
#202627
rgb(32,38,39)
-
#293132
#293132
rgb(41,49,50)
-
#323b3c
#323b3c
rgb(50,59,60)
-
#3b4647
#3b4647
rgb(59,70,71)
-
#445052
#445052
rgb(68,80,82)
-
#4c5b5d
#4c5b5d
rgb(76,91,93)
-
#556567
#556567
rgb(85,101,103)
-
#5e7072
#5e7072
rgb(94,112,114)
-
#677a7d
#677a7d
rgb(103,122,125)
-
#708488
#708488
rgb(112,132,136)
-
#7a8e91
#7a8e91
rgb(122,142,145)
-
#85979a
#85979a
rgb(133,151,154)
-
#8fa0a3
#8fa0a3
rgb(143,160,163)
-
#9aa9ac
#9aa9ac
rgb(154,169,172)
-
#a5b3b5
#a5b3b5
rgb(165,179,181)
-
#b0bcbe
#b0bcbe
rgb(176,188,190)
-
#bac5c6
#bac5c6
rgb(186,197,198)
-
#c5cecf
#c5cecf
rgb(197,206,207)
-
#d0d7d8
#d0d7d8
rgb(208,215,216)
-
#dbe0e1
#dbe0e1
rgb(219,224,225)
-
#e5e9ea
#e5e9ea
rgb(229,233,234)
-
#f0f2f3
#f0f2f3
rgb(240,242,243)
-
#fbfcfc
#fbfcfc
rgb(251,252,252)
Tones of #677a7d
A tone is produced by adding gray to any pure hue. In this case, #707474 is the less saturated color, while #07c0dd is the most saturated one.
-
#707474
#707474
rgb(112,116,116)
-
#677a7d
#677a7d
rgb(103,122,125)
-
#5e8086
#5e8086
rgb(94,128,134)
-
#55878f
#55878f
rgb(85,135,143)
-
#4d8d97
#4d8d97
rgb(77,141,151)
-
#4494a0
#4494a0
rgb(68,148,160)
-
#3b9aa9
#3b9aa9
rgb(59,154,169)
-
#32a0b2
#32a0b2
rgb(50,160,178)
-
#2aa7ba
#2aa7ba
rgb(42,167,186)
-
#21adc3
#21adc3
rgb(33,173,195)
-
#18b3cc
#18b3cc
rgb(24,179,204)
-
#0fbad5
#0fbad5
rgb(15,186,213)
-
#07c0dd
#07c0dd
rgb(7,192,221)
Color Blindness Simulator
Below, you can see how #677a7d 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.