#677f86 Color Information
In a RGB color space, hex #677f86 is composed of 40.4% red, 49.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 5.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 193.5 degrees, a saturation of 13.1% and a lightness of 46.5%. #677f86 color hex could be obtained by blending #cefeff with #00000d. Closest websafe color is: #666699.
-
- R 40
- G 50
- B 53
-
- C 23
- M 5
- Y 0
- K 47
● #677f86 color description : Dark grayish cyan.
#677f86 Color Conversion
The hexadecimal color #677f86 has RGB values of R:103, G:127, B:134 and CMYK values of C:0.23, M:0.05, Y:0, K:0.47. Its decimal value is 6782854.
Hex triplet | 677f86 | #677f86 |
---|---|---|
RGB Decimal | 103, 127, 134 | rgb(103,127,134) |
RGB Percent | 40.4, 49.8, 52.5 | rgb(40.4%,49.8%,52.5%) |
CMYK | 23, 5, 0, 47 | |
HSL | 193.5°, 13.1, 46.5 | hsl(193.5,13.1%,46.5%) |
HSV (or HSB) | 193.5°, 23.1, 52.5 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.591, -6.974, -6.663 |
---|---|
XYZ | 17.485, 19.783, 25.45 |
xyY | 0.279, 0.315, 19.783 |
CIE-LCH | 51.591, 9.645, 223.693 |
CIE-LUV | 51.591, -12.591, -8.373 |
Hunter-Lab | 44.478, -7.666, -2.791 |
Binary | 01100111, 01111111, 10000110 |
Color Schemes with #677f86
Alternatives to #677f86
Below, you can see some colors close to #677f86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677f86 Preview
This text has a font color of #677f86.
<span style="color:#677f86;">Text here</span>
This paragraph has a background color of #677f86.
<p style="background-color:#677f86;">Content here</p>
This element has a border color of #677f86.
<div style="border:1px solid #677f86;">Content here</div>
.text {color:#677f86;}
.background {background-color:#677f86;}
.border {border:1px solid #677f86;}
Shades and Tints of #677f86
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, #010101 is the darkest color, while #f5f7f7 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#090b0c
#090b0c
rgb(9,11,12)
-
#121617
#121617
rgb(18,22,23)
-
#1a2022
#1a2022
rgb(26,32,34)
-
#232b2d
#232b2d
rgb(35,43,45)
-
#2b3538
#2b3538
rgb(43,53,56)
-
#344043
#344043
rgb(52,64,67)
-
#3c4a4f
#3c4a4f
rgb(60,74,79)
-
#45555a
#45555a
rgb(69,85,90)
-
#4d5f65
#4d5f65
rgb(77,95,101)
-
#566a70
#566a70
rgb(86,106,112)
-
#5e747b
#5e747b
rgb(94,116,123)
-
#677f86
#677f86
rgb(103,127,134)
-
#708991
#708991
rgb(112,137,145)
-
#7b9299
#7b9299
rgb(123,146,153)
-
#869ca2
#869ca2
rgb(134,156,162)
-
#91a5aa
#91a5aa
rgb(145,165,170)
-
#9caeb3
#9caeb3
rgb(156,174,179)
-
#a7b7bc
#a7b7bc
rgb(167,183,188)
-
#b2c0c4
#b2c0c4
rgb(178,192,196)
-
#bdc9cd
#bdc9cd
rgb(189,201,205)
-
#c8d2d5
#c8d2d5
rgb(200,210,213)
-
#d4dbde
#d4dbde
rgb(212,219,222)
-
#dfe4e6
#dfe4e6
rgb(223,228,230)
-
#eaeeef
#eaeeef
rgb(234,238,239)
-
#f5f7f7
#f5f7f7
rgb(245,247,247)
Tones of #677f86
A tone is produced by adding gray to any pure hue. In this case, #707a7d is the less saturated color, while #03b6ea is the most saturated one.
-
#707a7d
#707a7d
rgb(112,122,125)
-
#677f86
#677f86
rgb(103,127,134)
-
#5e848f
#5e848f
rgb(94,132,143)
-
#558998
#558998
rgb(85,137,152)
-
#4c8ea1
#4c8ea1
rgb(76,142,161)
-
#4393aa
#4393aa
rgb(67,147,170)
-
#3998b4
#3998b4
rgb(57,152,180)
-
#309dbd
#309dbd
rgb(48,157,189)
-
#27a2c6
#27a2c6
rgb(39,162,198)
-
#1ea7cf
#1ea7cf
rgb(30,167,207)
-
#15acd8
#15acd8
rgb(21,172,216)
-
#0cb1e1
#0cb1e1
rgb(12,177,225)
-
#03b6ea
#03b6ea
rgb(3,182,234)
Color Blindness Simulator
Below, you can see how #677f86 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.