#677c80 Color Information
In a RGB color space, hex #677c80 is composed of 40.4% red, 48.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 3.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 189.6 degrees, a saturation of 10.8% and a lightness of 45.3%. #677c80 color hex could be obtained by blending #cef8ff with #000001. Closest websafe color is: #666699.
-
- R 40
- G 49
- B 50
-
- C 20
- M 3
- Y 0
- K 50
● #677c80 color description : Dark grayish cyan.
#677c80 Color Conversion
The hexadecimal color #677c80 has RGB values of R:103, G:124, B:128 and CMYK values of C:0.2, M:0.03, Y:0, K:0.5. Its decimal value is 6782080.
Hex triplet | 677c80 | #677c80 |
---|---|---|
RGB Decimal | 103, 124, 128 | rgb(103,124,128) |
RGB Percent | 40.4, 48.6, 50.2 | rgb(40.4%,48.6%,50.2%) |
CMYK | 20, 3, 0, 50 | |
HSL | 189.6°, 10.8, 45.3 | hsl(189.6,10.8%,45.3%) |
HSV (or HSB) | 189.6°, 19.5, 50.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.519, -6.695, -4.734 |
---|---|
XYZ | 16.697, 18.857, 23.181 |
xyY | 0.284, 0.321, 18.857 |
CIE-LCH | 50.519, 8.2, 215.264 |
CIE-LUV | 50.519, -11.095, -5.6 |
Hunter-Lab | 43.425, -7.361, -1.253 |
Binary | 01100111, 01111100, 10000000 |
Color Schemes with #677c80
Alternatives to #677c80
Below, you can see some colors close to #677c80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677c80 Preview
This text has a font color of #677c80.
<span style="color:#677c80;">Text here</span>
This paragraph has a background color of #677c80.
<p style="background-color:#677c80;">Content here</p>
This element has a border color of #677c80.
<div style="border:1px solid #677c80;">Content here</div>
.text {color:#677c80;}
.background {background-color:#677c80;}
.border {border:1px solid #677c80;}
Shades and Tints of #677c80
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, #070808 is the darkest color, while #fdfdfd is the lightest one.
-
#070808
#070808
rgb(7,8,8)
-
#101313
#101313
rgb(16,19,19)
-
#181d1e
#181d1e
rgb(24,29,30)
-
#212829
#212829
rgb(33,40,41)
-
#2a3234
#2a3234
rgb(42,50,52)
-
#333d3f
#333d3f
rgb(51,61,63)
-
#3b474a
#3b474a
rgb(59,71,74)
-
#445255
#445255
rgb(68,82,85)
-
#4d5c5f
#4d5c5f
rgb(77,92,95)
-
#56676a
#56676a
rgb(86,103,106)
-
#5e7175
#5e7175
rgb(94,113,117)
-
#677c80
#677c80
rgb(103,124,128)
-
#70878b
#70878b
rgb(112,135,139)
-
#7a9094
#7a9094
rgb(122,144,148)
-
#85999d
#85999d
rgb(133,153,157)
-
#90a2a6
#90a2a6
rgb(144,162,166)
-
#9babae
#9babae
rgb(155,171,174)
-
#a6b4b7
#a6b4b7
rgb(166,180,183)
-
#b0bdc0
#b0bdc0
rgb(176,189,192)
-
#bbc6c9
#bbc6c9
rgb(187,198,201)
-
#c6d0d1
#c6d0d1
rgb(198,208,209)
-
#d1d9da
#d1d9da
rgb(209,217,218)
-
#dce2e3
#dce2e3
rgb(220,226,227)
-
#e7ebec
#e7ebec
rgb(231,235,236)
-
#f2f4f4
#f2f4f4
rgb(242,244,244)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #677c80
A tone is produced by adding gray to any pure hue. In this case, #707677 is the less saturated color, while #05bee2 is the most saturated one.
-
#707677
#707677
rgb(112,118,119)
-
#677c80
#677c80
rgb(103,124,128)
-
#5e8289
#5e8289
rgb(94,130,137)
-
#558892
#558892
rgb(85,136,146)
-
#4c8e9b
#4c8e9b
rgb(76,142,155)
-
#4394a4
#4394a4
rgb(67,148,164)
-
#3b9aac
#3b9aac
rgb(59,154,172)
-
#32a0b5
#32a0b5
rgb(50,160,181)
-
#29a6be
#29a6be
rgb(41,166,190)
-
#20acc7
#20acc7
rgb(32,172,199)
-
#17b2d0
#17b2d0
rgb(23,178,208)
-
#0eb8d9
#0eb8d9
rgb(14,184,217)
-
#05bee2
#05bee2
rgb(5,190,226)
Color Blindness Simulator
Below, you can see how #677c80 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.