#677e81 Color Information
In a RGB color space, hex #677e81 is composed of 40.4% red, 49.4% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 2.3% magenta, 0% yellow and 49.4% black. It has a hue angle of 186.9 degrees, a saturation of 11.2% and a lightness of 45.5%. #677e81 color hex could be obtained by blending #cefcff with #000003. Closest websafe color is: #666699.
-
- R 40
- G 49
- B 51
-
- C 20
- M 2
- Y 0
- K 49
● #677e81 color description : Dark grayish cyan.
#677e81 Color Conversion
The hexadecimal color #677e81 has RGB values of R:103, G:126, B:129 and CMYK values of C:0.2, M:0.02, Y:0, K:0.49. Its decimal value is 6782593.
Hex triplet | 677e81 | #677e81 |
---|---|---|
RGB Decimal | 103, 126, 129 | rgb(103,126,129) |
RGB Percent | 40.4, 49.4, 50.6 | rgb(40.4%,49.4%,50.6%) |
CMYK | 20, 2, 0, 49 | |
HSL | 186.9°, 11.2, 45.5 | hsl(186.9,11.2%,45.5%) |
HSV (or HSB) | 186.9°, 20.2, 50.6 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.14, -7.597, -4.402 |
---|---|
XYZ | 17.016, 19.39, 23.614 |
xyY | 0.284, 0.323, 19.39 |
CIE-LCH | 51.14, 8.78, 210.094 |
CIE-LUV | 51.14, -12.041, -5.008 |
Hunter-Lab | 44.034, -8.082, -0.971 |
Binary | 01100111, 01111110, 10000001 |
Color Schemes with #677e81
Alternatives to #677e81
Below, you can see some colors close to #677e81. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677e81 Preview
This text has a font color of #677e81.
<span style="color:#677e81;">Text here</span>
This paragraph has a background color of #677e81.
<p style="background-color:#677e81;">Content here</p>
This element has a border color of #677e81.
<div style="border:1px solid #677e81;">Content here</div>
.text {color:#677e81;}
.background {background-color:#677e81;}
.border {border:1px solid #677e81;}
Shades and Tints of #677e81
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, #070909 is the darkest color, while #fdfdfd is the lightest one.
-
#070909
#070909
rgb(7,9,9)
-
#101314
#101314
rgb(16,19,20)
-
#191e1f
#191e1f
rgb(25,30,31)
-
#21292a
#21292a
rgb(33,41,42)
-
#2a3335
#2a3335
rgb(42,51,53)
-
#333e40
#333e40
rgb(51,62,64)
-
#3b494a
#3b494a
rgb(59,73,74)
-
#445355
#445355
rgb(68,83,85)
-
#4d5e60
#4d5e60
rgb(77,94,96)
-
#56696b
#56696b
rgb(86,105,107)
-
#5e7376
#5e7376
rgb(94,115,118)
-
#677e81
#677e81
rgb(103,126,129)
-
#70898c
#70898c
rgb(112,137,140)
-
#7a9295
#7a9295
rgb(122,146,149)
-
#859b9e
#859b9e
rgb(133,155,158)
-
#90a4a6
#90a4a6
rgb(144,164,166)
-
#9badaf
#9badaf
rgb(155,173,175)
-
#a6b6b8
#a6b6b8
rgb(166,182,184)
-
#b1bfc1
#b1bfc1
rgb(177,191,193)
-
#bcc8c9
#bcc8c9
rgb(188,200,201)
-
#c7d1d2
#c7d1d2
rgb(199,209,210)
-
#d1dadb
#d1dadb
rgb(209,218,219)
-
#dce3e3
#dce3e3
rgb(220,227,227)
-
#e7ecec
#e7ecec
rgb(231,236,236)
-
#f2f4f5
#f2f4f5
rgb(242,244,245)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #677e81
A tone is produced by adding gray to any pure hue. In this case, #707778 is the less saturated color, while #05cae3 is the most saturated one.
-
#707778
#707778
rgb(112,119,120)
-
#677e81
#677e81
rgb(103,126,129)
-
#5e858a
#5e858a
rgb(94,133,138)
-
#558c93
#558c93
rgb(85,140,147)
-
#4c939c
#4c939c
rgb(76,147,156)
-
#4399a5
#4399a5
rgb(67,153,165)
-
#3aa0ae
#3aa0ae
rgb(58,160,174)
-
#31a7b7
#31a7b7
rgb(49,167,183)
-
#29aebf
#29aebf
rgb(41,174,191)
-
#20b5c8
#20b5c8
rgb(32,181,200)
-
#17bcd1
#17bcd1
rgb(23,188,209)
-
#0ec3da
#0ec3da
rgb(14,195,218)
-
#05cae3
#05cae3
rgb(5,202,227)
Color Blindness Simulator
Below, you can see how #677e81 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.