#687676 Color Information
In a RGB color space, hex #687676 is composed of 40.8% red, 46.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 0% magenta, 0% yellow and 53.7% black. It has a hue angle of 180 degrees, a saturation of 6.3% and a lightness of 43.5%. #687676 color hex could be obtained by blending #d0ecec with #000000. Closest websafe color is: #666666.
-
- R 41
- G 46
- B 46
-
- C 12
- M 0
- Y 0
- K 54
● #687676 color description : Dark grayish cyan.
#687676 Color Conversion
The hexadecimal color #687676 has RGB values of R:104, G:118, B:118 and CMYK values of C:0.12, M:0, Y:0, K:0.54. Its decimal value is 6846070.
Hex triplet | 687676 | #687676 |
---|---|---|
RGB Decimal | 104, 118, 118 | rgb(104,118,118) |
RGB Percent | 40.8, 46.3, 46.3 | rgb(40.8%,46.3%,46.3%) |
CMYK | 12, 0, 0, 54 | |
HSL | 180°, 6.3, 43.5 | hsl(180,6.3%,43.5%) |
HSV (or HSB) | 180°, 11.9, 46.3 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 48.521, -5.19, -1.771 |
---|---|
XYZ | 15.457, 17.208, 19.646 |
xyY | 0.295, 0.329, 17.208 |
CIE-LCH | 48.521, 5.484, 198.845 |
CIE-LUV | 48.521, -7.506, -1.625 |
Hunter-Lab | 41.482, -6.083, 0.958 |
Binary | 01101000, 01110110, 01110110 |
Color Schemes with #687676
Alternatives to #687676
Below, you can see some colors close to #687676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#687676 Preview
This text has a font color of #687676.
<span style="color:#687676;">Text here</span>
This paragraph has a background color of #687676.
<p style="background-color:#687676;">Content here</p>
This element has a border color of #687676.
<div style="border:1px solid #687676;">Content here</div>
.text {color:#687676;}
.background {background-color:#687676;}
.border {border:1px solid #687676;}
Shades and Tints of #687676
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, #030303 is the darkest color, while #f8f9f9 is the lightest one.
-
#030303
#030303
rgb(3,3,3)
-
#0c0e0e
#0c0e0e
rgb(12,14,14)
-
#151818
#151818
rgb(21,24,24)
-
#1e2323
#1e2323
rgb(30,35,35)
-
#282d2d
#282d2d
rgb(40,45,45)
-
#313737
#313737
rgb(49,55,55)
-
#3a4242
#3a4242
rgb(58,66,66)
-
#434c4c
#434c4c
rgb(67,76,76)
-
#4c5757
#4c5757
rgb(76,87,87)
-
#566161
#566161
rgb(86,97,97)
-
#5f6c6c
#5f6c6c
rgb(95,108,108)
-
#687676
#687676
rgb(104,118,118)
-
#718080
#718080
rgb(113,128,128)
-
#7b8a8a
#7b8a8a
rgb(123,138,138)
-
#859494
#859494
rgb(133,148,148)
-
#909d9d
#909d9d
rgb(144,157,157)
-
#9aa6a6
#9aa6a6
rgb(154,166,166)
-
#a4afaf
#a4afaf
rgb(164,175,175)
-
#afb8b8
#afb8b8
rgb(175,184,184)
-
#b9c2c2
#b9c2c2
rgb(185,194,194)
-
#c4cbcb
#c4cbcb
rgb(196,203,203)
-
#ced4d4
#ced4d4
rgb(206,212,212)
-
#d9dddd
#d9dddd
rgb(217,221,221)
-
#e3e6e6
#e3e6e6
rgb(227,230,230)
-
#edf0f0
#edf0f0
rgb(237,240,240)
-
#f8f9f9
#f8f9f9
rgb(248,249,249)
Tones of #687676
A tone is produced by adding gray to any pure hue. In this case, #687676 is the less saturated color, while #02dcdc is the most saturated one.
-
#687676
#687676
rgb(104,118,118)
-
#5f7f7f
#5f7f7f
rgb(95,127,127)
-
#578787
#578787
rgb(87,135,135)
-
#4e9090
#4e9090
rgb(78,144,144)
-
#469898
#469898
rgb(70,152,152)
-
#3da1a1
#3da1a1
rgb(61,161,161)
-
#35a9a9
#35a9a9
rgb(53,169,169)
-
#2cb2b2
#2cb2b2
rgb(44,178,178)
-
#24baba
#24baba
rgb(36,186,186)
-
#1bc3c3
#1bc3c3
rgb(27,195,195)
-
#13cbcb
#13cbcb
rgb(19,203,203)
-
#0ad4d4
#0ad4d4
rgb(10,212,212)
-
#02dcdc
#02dcdc
rgb(2,220,220)
Color Blindness Simulator
Below, you can see how #687676 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.