#678686 Color Information
In a RGB color space, hex #678686 is composed of 40.4% red, 52.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 0% magenta, 0% yellow and 47.5% black. It has a hue angle of 180 degrees, a saturation of 13.1% and a lightness of 46.5%. #678686 color hex could be obtained by blending #ceffff with #000d0d. Closest websafe color is: #669999.
-
- R 40
- G 53
- B 53
-
- C 23
- M 0
- Y 0
- K 47
● #678686 color description : Dark grayish cyan.
#678686 Color Conversion
The hexadecimal color #678686 has RGB values of R:103, G:134, B:134 and CMYK values of C:0.23, M:0, Y:0, K:0.47. Its decimal value is 6784646.
Hex triplet | 678686 | #678686 |
---|---|---|
RGB Decimal | 103, 134, 134 | rgb(103,134,134) |
RGB Percent | 40.4, 52.5, 52.5 | rgb(40.4%,52.5%,52.5%) |
CMYK | 23, 0, 0, 47 | |
HSL | 180°, 13.1, 46.5 | hsl(180,13.1%,46.5%) |
HSV (or HSB) | 180°, 23.1, 52.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 53.658, -10.9, -3.6 |
---|---|
XYZ | 18.421, 21.654, 25.762 |
xyY | 0.28, 0.329, 21.654 |
CIE-LCH | 53.658, 11.479, 198.274 |
CIE-LUV | 53.658, -15.781, -3.411 |
Hunter-Lab | 46.534, -10.776, -0.25 |
Binary | 01100111, 10000110, 10000110 |
Color Schemes with #678686
Alternatives to #678686
Below, you can see some colors close to #678686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678686 Preview
This text has a font color of #678686.
<span style="color:#678686;">Text here</span>
This paragraph has a background color of #678686.
<p style="background-color:#678686;">Content here</p>
This element has a border color of #678686.
<div style="border:1px solid #678686;">Content here</div>
.text {color:#678686;}
.background {background-color:#678686;}
.border {border:1px solid #678686;}
Shades and Tints of #678686
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)
-
#090c0c
#090c0c
rgb(9,12,12)
-
#121717
#121717
rgb(18,23,23)
-
#1a2222
#1a2222
rgb(26,34,34)
-
#232d2d
#232d2d
rgb(35,45,45)
-
#2b3838
#2b3838
rgb(43,56,56)
-
#344343
#344343
rgb(52,67,67)
-
#3c4f4f
#3c4f4f
rgb(60,79,79)
-
#455a5a
#455a5a
rgb(69,90,90)
-
#4d6565
#4d6565
rgb(77,101,101)
-
#567070
#567070
rgb(86,112,112)
-
#5e7b7b
#5e7b7b
rgb(94,123,123)
-
#678686
#678686
rgb(103,134,134)
-
#709191
#709191
rgb(112,145,145)
-
#7b9999
#7b9999
rgb(123,153,153)
-
#86a2a2
#86a2a2
rgb(134,162,162)
-
#91aaaa
#91aaaa
rgb(145,170,170)
-
#9cb3b3
#9cb3b3
rgb(156,179,179)
-
#a7bcbc
#a7bcbc
rgb(167,188,188)
-
#b2c4c4
#b2c4c4
rgb(178,196,196)
-
#bdcdcd
#bdcdcd
rgb(189,205,205)
-
#c8d5d5
#c8d5d5
rgb(200,213,213)
-
#d4dede
#d4dede
rgb(212,222,222)
-
#dfe6e6
#dfe6e6
rgb(223,230,230)
-
#eaefef
#eaefef
rgb(234,239,239)
-
#f5f7f7
#f5f7f7
rgb(245,247,247)
Tones of #678686
A tone is produced by adding gray to any pure hue. In this case, #707d7d is the less saturated color, while #03eaea is the most saturated one.
-
#707d7d
#707d7d
rgb(112,125,125)
-
#678686
#678686
rgb(103,134,134)
-
#5e8f8f
#5e8f8f
rgb(94,143,143)
-
#559898
#559898
rgb(85,152,152)
-
#4ca1a1
#4ca1a1
rgb(76,161,161)
-
#43aaaa
#43aaaa
rgb(67,170,170)
-
#39b4b4
#39b4b4
rgb(57,180,180)
-
#30bdbd
#30bdbd
rgb(48,189,189)
-
#27c6c6
#27c6c6
rgb(39,198,198)
-
#1ecfcf
#1ecfcf
rgb(30,207,207)
-
#15d8d8
#15d8d8
rgb(21,216,216)
-
#0ce1e1
#0ce1e1
rgb(12,225,225)
-
#03eaea
#03eaea
rgb(3,234,234)
Color Blindness Simulator
Below, you can see how #678686 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.