#686E60 | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感，并作为您的色彩工作的资源。
使这个网站更好
About #686E60
| HEX | #686E60 |
|---|---|
| NAME | - |
| TONE | 灰的绿黄色 |
| RGB | 104 110 96 |
| HSV | 85° 12% 43% |
| CMYK | 5% 0% 12% 56% |
#686E60显示色调和颜色信息。#686E60正在灰的绿黄色。#686E60该组件是RGB(104 110 96)。这成为互补色的颜色是#66606E。黄绿色是让人联想到未来和谐的颜色。好奇心和成长的绿色相结合的颜色。黄绿色也是让人联想到不成熟和尴尬的颜色。
Color schemes with #686E60
安静的配色方案
#686E60 | colorate
这已配置了同色的配色方案。这种配色方案，安静，给人沉稳的一个安静的印象。
|
base #A8ADA1 |
RGB 168 173 161 | #A8ADA1 |
|
main #686E60 |
RGB 104 110 96 | #686E60 |
|
accent #2A2E25 |
RGB 42 46 37 | #2A2E25 |
温和的配色方案
#686E60 | colorate
已在附近颜色已建成这样的配色方案。配色方案是软的，给人一种自然的印象，有机。
|
base #A5A79A |
RGB 165 167 154 | #A5A79A |
|
main #686E60 |
RGB 104 110 96 | #686E60 |
|
accent #2E342B |
RGB 46 52 43 | #2E342B |
强烈的配色方案
#686E60 | colorate
配色方案是使用补色来强调。这种配色方案是强烈，给人一种华而不实的印象行为一个。
|
base #B5BAAF |
RGB 181 186 175 | #B5BAAF |
|
main #686E60 |
RGB 104 110 96 | #686E60 |
|
accent #66606E |
RGB 102 96 110 | #66606E |
多彩的配色方案
#686E60 | colorate
是颜色方案，它是由一个侧由端颜色作为补色的。有一种运动，多彩提供了一个很好的印象。
|
base #C3C7BD |
RGB 195 199 189 | #C3C7BD |
|
main #686E60 |
RGB 104 110 96 | #686E60 |
|
accent #60626E |
RGB 96 98 110 | #60626E |
|
accent #6E606D |
RGB 110 96 109 | #6E606D |
Color schemes example
Fine adjustment from #686E60
补色
CSS代码
<style type="text/css">
div {
color : #686E60;
background-color : #686E60;
}
</style>
Gradient based on #686E60
通过使用渐变，即使在平面设计中也可以创建空间深度。 光泽和阴影是光线的影响。 要创建美丽的渐变色，请仔细观察自然。
光泽度和阴影度的渐变
更自然的表达(天空和饮料）
对比度
在文本和背景上使用白色或黑色时，请检查对比度。WCAG 2.0的评估标准（A=不足，AA=最小可接受，AAA=最高合规性）
白色和#686E60 (5.27 : 1)
14pt
AA 18pt
AAA 14pt
AA 18pt
AAA
AA 18pt
AAA 14pt
AA 18pt
AAA
黑色和#686E60 (3.99 : 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.