#686B6B | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感，并作为您的色彩工作的资源。
使这个网站更好
About #686B6B
| HEX | #686B6B |
|---|---|
| NAME | - |
| TONE | 灰色色 |
| RGB | 104 107 107 |
| HSV | 180° 2% 41% |
| CMYK | 2% 0% 0% 58% |
#686B6B显示色调和颜色信息。#686B6B正在灰色色。#686B6B该组件是RGB(104 107 107)。这成为互补色的颜色是#6B6868。灰色是让人想起谨慎和不清楚的颜色。无需断言，适用于中性化设计。通过与其他颜色相结合，它具有补充该颜色的效果。
Color schemes with #686B6B
安静的配色方案
#686B6B | colorate
这已配置了同色的配色方案。这种配色方案，安静，给人沉稳的一个安静的印象。
|
base #A8AAAA |
RGB 168 170 170 | #A8AAAA |
|
main #686B6B |
RGB 104 107 107 | #686B6B |
|
accent #292B2B |
RGB 41 43 43 | #292B2B |
温和的配色方案
#686B6B | colorate
已在附近颜色已建成这样的配色方案。配色方案是软的，给人一种自然的印象，有机。
|
base #A1A4A3 |
RGB 161 164 163 | #A1A4A3 |
|
main #686B6B |
RGB 104 107 107 | #686B6B |
|
accent #2F3131 |
RGB 47 49 49 | #2F3131 |
强烈的配色方案
#686B6B | colorate
配色方案是使用补色来强调。这种配色方案是强烈，给人一种华而不实的印象行为一个。
|
base #B5B7B7 |
RGB 181 183 183 | #B5B7B7 |
|
main #686B6B |
RGB 104 107 107 | #686B6B |
|
accent #6B6868 |
RGB 107 104 104 | #6B6868 |
多彩的配色方案
#686B6B | colorate
是颜色方案，它是由一个侧由端颜色作为补色的。有一种运动，多彩提供了一个很好的印象。
|
base #C2C4C4 |
RGB 194 196 196 | #C2C4C4 |
|
main #686B6B |
RGB 104 107 107 | #686B6B |
|
accent #6B6869 |
RGB 107 104 105 | #6B6869 |
|
accent #6B6968 |
RGB 107 105 104 | #6B6968 |
Color schemes example
Fine adjustment from #686B6B
补色
CSS代码
<style type="text/css">
div {
color : #686B6B;
background-color : #686B6B;
}
</style>
Gradient based on #686B6B
通过使用渐变，即使在平面设计中也可以创建空间深度。 光泽和阴影是光线的影响。 要创建美丽的渐变色，请仔细观察自然。
光泽度和阴影度的渐变
更自然的表达(天空和饮料）
对比度
在文本和背景上使用白色或黑色时，请检查对比度。WCAG 2.0的评估标准（A=不足，AA=最小可接受，AAA=最高合规性）
白色和#686B6B (5.38 : 1)
14pt
AA 18pt
AAA 14pt
AA 18pt
AAA
AA 18pt
AAA 14pt
AA 18pt
AAA
黑色和#686B6B (3.90 : 1)
14pt
A 18pt
AA 14pt
A 18pt
AA
A 18pt
AA 14pt
A 18pt
AA
Utilities
Barcode
You can create barcodes online. The created barcode can be downloaded as PNG or EPS.
colorate
colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
textate
Make text to image. It is useful when you want to send text on SNS.